广东快3>WIKI库>学习UI设计>界面设计的一致性

界面设计的一致性



争取保持一致性


在类似环境中应要求一致的动作系列:在提示、菜单和帮助屏幕中应使用相同的术语。应始终是用一致的颜色、布局、大些和字体等。异常情况,诸如要求确认、删除命令或口令没有回显,应是可以理解且数量有限。


1.界面一致性


图标的一致性,文案的一致性,色彩、布局、字体等都要保持一致性。


如淘宝的web广东快3,从图标的一致性来看,我们会看到图标的色彩和样式都是具有一致性。文案的一致性可能单纯去看一个页面看不到。关于色彩,淘宝网整体用了一个橙色,大部分都是橙色。字体,可以看到字体都是统一,只是通过加粗放大体现字体的差异化。


origin4.png


淘宝手机端的app,色彩非常统一,从文案来看,具有统一性。布局都有banner、导航、搜索。


origin5.png


做成这样的好处:跨平台统一性的设计有助于用户识别和使用。


2.操作一致性


点击、拖动、释放和手势、错误处理和恢复过程。


如购物流程,在购物从开始到结束,步骤是浏览产品、选择产品、付款,这是购物流程。无论从网站上去购物还是从手机端,都是这样的流程。


origin6.png



满足普遍可用性的要求


认识到不同用户的可塑性设计的要求,可使内容转化更便捷。新手到专家的差别、年龄范围、残疾情况和技术多样性,这些都能丰富地知道设计的需求范围,为新用户添加特性(诸如注解)和为专家用户添加特性(诸如快捷方式和更快的节奏),能够丰富界面设计并提高可感知的系统质量。


案例


如果您是老年人,打字可能有困难,没关系,按住说话就好。如果你是残疾人,说话不方便,没关系,打字就好。如果你是孩子,还没学习拼音,没关系,按住说话就好。如果你是年轻人,你就可以聊天,发圈子顺便玩玩游戏啥的,发红包,自己去开拓就好了。新手会聊天就可以了,到专家的过程就是软件多样性的操作,你可以发红包、玩游戏,这款软件满足了99%d的人使用,它的初级目标就是可以聊天、沟通。


它就是微信,超过5亿人使用的手机应用,支持发送语音短信、视频、图文和文字,可以群聊,仅耗少量流量,适合大部分智能手机。



提供信息反馈


对每个用户动作都应有系统反馈,对于常用的较少的动作,其相应能够使适中的,而对于不常用的主要的动作,其响应则应是更多的,感兴趣的对象的可视化表征,为明确的显示变化提供方便的环境。


案例


以微信为例。不同的点击情况下,它都会有相对应的反馈。



设计对话框以产生结束信息


应把动作序列组成几组,每组由开始、中间和结束3个阶段,一组动作完成后的信息反馈,给予操作者完成任务的满足感/成就感,给出丢弃他们头脑中应急计划的信号和准备下一组动作的提示器。例如,电子商务网站把用户从选择产品一直移动到结账。最后以一个清楚的,完成交易的确认页结束。


案例


无论是浏览、选择、付款,都是一个模块。清楚告诉客户,购物的进程。这些规则并不是一个独立的,都是相辅相成,有一个关联性。


origin7.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录