用户界面设计方法 用户界面设计流程

bagbar
bagbar 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 47 浏览

用户界面设计方法 用户界面设计流程

  下面讲的用户界面设计主要是分成三个部分来讲,一个就是结构设计,一个是交互设计,还有就是视觉设计。这些都是用户界面设计的构成要素。但是每一个设计的重点却是不一样的。


  结构设计

  结构设计也成概念设计,是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。

  交互设计

  交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计有如下原则:

  1) 有清楚的错误提示。误操作后,系统提供有针对性的提示。

  2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。

  3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。

  4) 允许工作中断。

  5) 使用用户的语言,而非技术的语言。

  6) 提供快速反馈。给用户心理上的暗示,避免用户焦急。

  7) 方便退出。

  8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。

  9)让用户知道自己当前的位置,使其做出下一步行动的决定。

  视觉设计

  在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:

  1)界面清晰明了。允许用户定制界面。

  2)减少短期记忆的负担。让计算机帮助记忆。

  3)依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择

  4)提供视觉线索

  5)提供界面的快捷方式

  6)尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。

  7)完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。

  8)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。

  9)同样功能用同样的图形。

  10)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。

  

发布于 2022-09-30 23:16

免责声明:

本文由 bagbar 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2024 专注小微企业服务 冀ICP备09002609号-8