UI设计注意事项

  界面是软件与用户交互的直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的*作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够,直到近网页制作的兴起,才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。
UI手机界面

  可用性规范——尼尔森可用性原则

  一、状态可见原则

  用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

  二、环境贴切原则

  网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。

  三、撤销重做原则

  为了避免用户的误用和误击,网页应提供撤销和重做功能。

  四、一致性原则

  同一用语、功能、操作保持一致。

UI设计一般性原则

  1、易用性

按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意比较好。理想的情况是用户不用查阅帮助就能知道该界面的功 能并进行相关的正确*作。

  2、 规范性

通常界面设计都按Windows界面的规范来设计,即包含―菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单‖的标准格式,可以说:界面遵循规范化 的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。 规范性细则:

  3、帮助设施

系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。 帮助设施细则:

  4、合理性

屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。 合理性细则:

  具体到细节的有:

  1.、使用单栏布局代替多栏布局

  单栏布局能够让用户对全局有更好的掌控,对内容一目了然。而多栏布局可能会分散用户注意力。比较好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。

  2.、使用礼品诱惑代替生硬的推销

  例如可以给用户提供礼物来表达你的友善姿态。更深层的讲,送礼是一种基于互惠原则的有效说服策略。显而易见的好处是让你在往后的活动进展中更加顺利。

  3.、合并重复的功能避免分散

  随着时间的推移,不可避免的你增加了很多模块、元素,而且功能相同。碎片化的界面会增加用户的学习曲线,所以需要合并重复的功能,重构你的界面。

  4、 用户的评价好过自卖自夸

  用户好评是另一个可以提高转化率的说服策略。当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。

  5.、重复你的主行动按钮

  多次重复主行动按钮的方法适用于界面很长或者分页的情况。

  手机APP界面需要注意的:

  1、尺寸符合标准

  2、图像文字要清晰

  3、注重交互性

  4、色彩和谐,结构风格一致,内嵌"帮助"选项

  5、界面操作尽量简单

  6、用户所有的选择都是可逆的

  其他:

  1、菜单栏设计:

主要包括菜单设计,滚动条及状态栏设计。菜单UI界面设计一般有选中状态和未选中状态,左边应为名称,右边应为快捷键,如果有下级菜单应该有下级箭头符号,不同功能区间应该用线条分割。

  2、手机按钮UI设计:

  手机按钮界面设计应该具有交互性,即应该有3到6种状态效果:点击时状态;鼠标放在上面但未点击的状态;点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,应能够让使用者产生功能关联反应,群组内按钮界面应该风格统一,功能差异大的按钮应该有所区别。

  3、UI界面图标设计

  图标设计色彩不宜超过64色,大小为16x16、32x32两种,图标UI设计是方寸艺术,应该加以着重考虑视觉冲击力,它需要在很小的范围表现出手机的内涵,所以很多图标设计师在设计图标时使用简单的颜色,利用眼睛对色彩和网点的空间混合效果,做出了许多精彩图标。其标签设计应该注意转角部分的变化,状态可参考按钮。
12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章