人机交互设计的基本工作流程是什么样的?(下)
人机交互设计的基本工作流程是什么样的?简单来说,人机交互设计的工作流程分为三个部分:结构设计、交互设计和视觉设计。结构设计和交互设计的内容前面已经介绍过了,下面就来看看视觉设计的内容。
视觉设计 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个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
其实人机交互设计的工作内容还是比较多的,如果大家要从事这一行的话,一定要掌握这些基本的技能,如果你是一个产品人,这样工作流程只需简单了解一下就行了。
以上就是“人机交互设计的基本工作流程是什么样的?(下)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
视觉设计 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个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
其实人机交互设计的工作内容还是比较多的,如果大家要从事这一行的话,一定要掌握这些基本的技能,如果你是一个产品人,这样工作流程只需简单了解一下就行了。
以上就是“人机交互设计的基本工作流程是什么样的?(下)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。