用户界面设计的大致流程是怎样的

操作方法

  • 01

    软件用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分: 一、结构设计(Structure Design) 结构设计也称概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的 词条是“重要记事”,让用户很难找到。 二、交互设计(Interactive Design) 交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下: 1)有清楚的错误提示。误操作后,系统提供有针对性的提示。 2)让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。 3)允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。 4)允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。 5)使用用户的语言,而非技术的语言。 6)提供快速反馈。给用户心理上的暗示,避免用户焦急。 7)方便退出,如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。 8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。 三、视觉设计(Visual Design) 在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下: 1)界面清晰明了。允许用户定制界面。 2)减少短期记忆的负担。让计算机帮助记忆,例:User Name,、Password、IE进入界面地址可以让机器记住。 3)依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。 4)提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计):Where, What, Next Step。 5)提供默认(default)、撤销(undo)、恢复(redo)的功能 6)提供界面的快捷方式。 7)尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。 8)完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。 9)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。 10)同样功能用同样的图形。 11)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。 当然,要着手开发一个软件用户界面,远远不止这三步,在进行开发之前还需要进行需求分析、方案验证等前期工作,而作为UI设计师,这三步则是最核心也是最关键的工作。

(0)

相关推荐

  • 用户界面设计原则

    用户界面设计原则 设计绝不是简单的拼合,排列甚至编辑:设计是通过阐明,简化.明确.修饰,使之庄严,有说服性,甚至带一点趣味性,来赋予其价值及意义."--保罗·兰德(Paul Rand) 1. ...

  • 用户界面设计中的 [版式设计]

    一篇较为系统与全面的版式讲解,从规范化的布局形式到平面构成在用户界面设计中的应用与体现. 站酷 作者:孔雅轩LineVision

  • 网站设计的基本流程和步骤

    平时我们更多关注的是网站建设(网站开发)的基本流程,而在网站建设整个过程中,美工网页设计是比不少的一个环节,是网站提升用户体验的一个关键之一.那么网站网页设计一般都有那么流程呢? 操作方法 01 网站 ...

  • 利用MeritMS进行设计校审流程

    MeritMS是管理设计成果和进行工程师价值评测的web应用,我们先来看看如何进行一个设计文件的校审流程. 操作方法 01 工程师向EngineerCMS中上传设计成果,它会自动截取编号和名称.同时, ...

  • 用户界面设计中的 [层次体现]

    小编:对于UI设计来讲,无论多复杂的技法,还是多炫酷的动效,总是很难做出差异.这篇文章很详细的描述了初中级设计师如何摆脱"纠结设计"的弯路,通过对层次感的了解可以将有限的技法用在最 ...

  • 用户界面设计中的 [细节体验]

    这篇文章渗透进页面中的每一个Kit控件,深入的分析每一个控件所能带给用户的视觉以及心理感受. 站酷 作者:孔雅轩LineVision

  • 安装工控机的大致流程

    一,安装工控机所需光盘及文件: 1, windows2000 2, office2000 3,工具盘(interbase,多串口卡驱动,MOXA驱动,视频卡驱动,双屏卡驱动,加密狗驱 动,网卡驱动,紫 ...

  • 什么是用户界面和体验设计?

    本文译自 Mikos Philips 的 UI vs UX  -  A Guide to UI Design 因为发现仍然有小伙伴跑来问我比较基础的专业划分问题,所以翻译了这篇科普文. -- 用户界面 ...

  • 语音交互设计(二):设计流程与方法

    " 语音交互设计仅靠书本上的知识是不够的,在实际项目中,除了要了解需求.目标用户以外,还要了解语音设计所应用的场景.技术水平.设备配置等,从而有的放矢的展开设计.本文结合参与的项目,将语音交 ...