购物流程中的交互之——点点
前段时间在做购物流程，虽然整体页面看似不多，但里面的交互及细节点的梳理,虽然交互点看似小，但调研期间，用户的一些反馈，很多也是基于这些小点儿，感受不好。所以，魔鬼都在细节中啊！1、input框的几种状态。
a，第一个显示是正常的默认展示状态；第二个是框内example的状态；第三种是“必填、提示语”的输入框。（如图1）
（图1）
b，focus在输入框上的效果，输入框显示出不同状态（如图2）
（图2）
c，输入框完毕的效果，正确提示和报错状态（如图3）
（图3）
2、反馈信息提示的状态
a，文字链接的反馈。第一种，click on 的反馈（颜色+下划线），这种是经典的文字链展示；第二种，click on 的一种提示信息；第三种是再次确认的弹出框提示。
根据不同的功用及反馈给用户的效果，采用不同的交互反馈。（如图4）
（图4）
b，输入框的反馈。报错与正确提示的反馈，根据情况不同，设置的报错位也不同，像“库存不足的报错位”，也是纠结了好久啊，放在输入框边上，还是提交按钮边上？纠结..........（如图5）
（图5）
c，按钮的反馈。按钮正常有4种状态，正常，鼠标移上去的，点击下去的，及不可点击的。
下面的是button其中的三种。讲讲不可点击的效果，一般的这种展现有两种，一种是button直接灰掉，显示不可点；一种是正常展示，鼠标移上去之后，显示不可点击。这两种也是根据不同的情景，展示出来的。
click down 之后，要给用户一个结果的反馈。
点击“确认”后，要有一个loading的过程提示反馈。
点击之后，在他点击最近的地方，告诉他现在怎么了，应该怎么做.........
回头看一下，一个购物流程，提示及各种各样的反馈，竟然如此之多。当然，给用户的反馈并非越多越好，交互的最精深的地方在于，让用户感觉不到交互及反馈，操作所有的产品是一件水到渠成的事情。 交互的最精深的地方在于，让用户感觉不到交互及反馈，操作所有的产品是一件水到渠成的事情。
这句说的真好。
上面说的在平时的工作中都遇到过，发现其中一个用的很少，就是“clik on（不可点击）” “click on ”不可点击的状态，是有多种选择，当你选中的子项目不符合条件，这个时候，button显示不可点击，并且给出对应的提示，这种方式，可以让你清晰看到报错及对应下一步怎么做。 看着看着就晕了，有点小复杂 谢谢分享，感谢 可以好好看看怎么用了
页:
[1]