sketch如何做设计稿交互_做交互设计不可不知的十大原则
交互界最知名的“尼尔森十大可用性原则”,或者称之为“尼尔森十大交互原则”,这是尼尔森(Jakob Nielsen)博士于1995年提出的非常经典的十大准则,虽然距今已经有20多年,但是依然十分具有参考价值。
系统状态可见原则
“系统应该让用户知道发生了什么,并在适当的时间内做出适当的反馈。”
简而言之就是用户在产品上的任何操作,都应该给予实时的反馈,比如在产品中无论用户选中与否,还是传输的进度,或者是连接的状态等,都应该实时做出反馈。
匹配系统与真实世界(环境贴切)原则
“系统语言应使用用户熟悉的语言和概念,尽量避免使用系统术语,并且还要遵循真实世界的使用习惯。”
简而言之就是要使用目标用户看得懂和听得懂的图标、语言等,同时产品的使用流程应该和真实世界(线下)的流程相符。
iOS系统中的图标都是模拟的真实物体的形状,天气界面的背景也是模拟的真实自然天气,计算器和指南针也都和用户使用真实物品的感受相似。
用户自由可控原则
“用户经常会在使用功能的时候发生误操作,需要明确告知用户如何从误操作中退出来,同时要支持用户进行撤销和重做”。
这个比较容易理解,目前大部分软件都有着较好的回退机制和允许用户进行撤销或重做的操作。
一致性原则
“同一产品内,产品的信息架构、功能名称、视觉呈现、交互方式等应保持一致,遵循通用的平台惯例”。
一致性原则是交互设计中很基础的一个原则,这里的一致包括产品内部的一致,即让用户感受到这个产品中每个界面都是隶属于这个产品,有着相同的视觉规范、交互逻辑,相同的功能有着完全相同的命名方式和图标等;另外还包括产品外部的一致,即产品与所在系统的一致,如在iOS系统上运行的APP,应符合《iOS人机交互指南》规范。
在图中相同APP在不同的产品详情界面中,功能按钮和界面结构保持一致,APP中的设置功能开关与iOS系统本身的功能开关交互方式和视觉效果一致等。
防错原则
“比出现错误信息提示更好的是,更用心的设计防止这类问题发生。”
防错能力的高低,往往是一个交互设计师水平高低的体现。比如当用户想要删除某个产品,弹出确认对话框防止用户误删;当用户发送微博时,在输入内容前发送按钮变为灰色不可点击,防止用户发出空白信息等。
易取原则
“降低用户的记忆负担,在适合的时机给用户需要获取的信息。”
很多时候,产品需要多个步骤才能完成某个流程,可能这些步骤不会在一个界面上完成,这时应尽量避免让用户记住他之前做过什么,如果有必要,可以直接显示在当前的界面上。
当用户发送朋友圈时,直接显示他选中的图片内容而非简单的选择了几张图;当用户搜索的时候显示用户历史搜索的记录;当需要支付购票费用的时候,直接显示用户订购车票的信息帮助用户确认等。
灵活高效原则
“系统需要满足新老用户,中级用户的数量远高于初级和高级用户数量,为大多数用户设计,不要低估和轻视用户的学习能力,保持产品灵活高效。”
从产品的整个生命周期看,中级用户应该是占大多数的,产品设计需要考虑绝大部分用户的使用习惯,保持产品的高效灵活。图所示中可以看到,对于一些提醒,允许让用户选择是否再次提示,从而不会一直对用户产生困扰;也可以看到允许用户自行定义常用的应用;又或者是批量操作的功能等。
优美且简约(易扫)原则
“突出界面中的重点信息,弱化和剔除无关信息。”
互联网产品的绝大部分用户,尤其是中级及以上的互联网用户,在每天浏览信息时一般都是“扫读”,这意味着他们不会很认真地看每一个字,因此界面设计应该清晰明了的显示信息,同时尽量减少其他内容的干扰。
比如目前有越来越多的产品开始使用“大标题”设计风格,用户能很清晰地看到这个界面中的关键词;又比如微信在7.0版本中开始使用浅色调设计,尽量减少对内容的视觉干扰;又或者越来越多的产品注意文字和图片的排版和匹配,有着最高效的阅读体验等。
帮助用户识别、诊断并从错误中恢复(容错)原则
“帮助用户从错误中恢复,将损失降到最低,如果无法自动恢复,则提供详尽的说明文字和指导方向,而非简单的代码。”
简单来说就是可以实时反馈用户,避免用户出现错误,同时对于已经出现的错误,告知用户该如何处理。
比如当没有接入网络的计算机访问网站时,Chrome浏览器会提示用户并告知解决办法。
提供帮助文档原则
“如果不需要提供帮助文档是最好的,但在必要情况下还是需要提供,并且内容应该便于检索。”
这就是说针对新用户最好的体验就是无需新手引导用户就能直接上手,其次是可以有一次性提示,然后是常驻性提示,最后才是帮助文档。需要注意的是,并不是说帮助文档是不好的,也并不是说帮助文档是任何产品都必需的,而是要在必要的时候提供帮助文档。
往往对于一些工具型产品都需要提供帮助文档,并且提供的帮助文档应该方便搜索。图2-122所示是Word提供的帮助文档界面,默认会有最常见的问题解答,同时还提供搜索功能允许用户直接通过关键词快速获取到帮助。
以上便是对交互设计所做的一些补充,其实大家可以发现,交互设计始终围绕着效率、用户、体验、流程、同理心等角度在展开,在实际工作中,可能会面临各种各样的问题和各种完全不同的用户,要做好交互设计我一直以来的观点是从心出发,用爱打造极致的产品。深入理解行业、需求、用户,带着爱去设计,然后创造微笑价值,这样的产品自然会做出十分优秀的交互设计。
爱读微课(iread360.com) | 色技手稿
sketch如何做设计稿交互_做交互设计不可不知的十大原则相关推荐
- kpi权重设置原则_HR之家,_绩效考核指标设定的十大原则
绩效管理是一支双刃剑,做得好,考核者和被考核者都满意:做得不好,考核者和被考核者某一方甚至双方都不满意.而绩效管理中很重要的一个方面,就是绩效考核指标的设定. 绩效考核指标设定的十大原则 原则一:无绩 ...
- yolov4能做实例分割吗_做收腹运动能瘦肚子吗
一个人在训练的时候,会使用到各种各样的运动,比如收腹运动.瘦臀运动.对于收腹运动,有人还是熟悉的,而在做收腹运动的时候,首先你要清楚这个运动有什么动作,这样可以更有效的训练效果.那做收腹运动能瘦肚子吗 ...
- 图书漂流系统的设计和研究_研究在设计系统中的作用
图书漂流系统的设计和研究 Having spent the past 8 months of my academic career working co-ops and internships in ...
- 哈工大威海算法设计与分析_计算机算法设计与分析第一章 算法概述
晓强Deep Learning的读书分享会,先从这里开始,从大学开始.大家好,我是晓强,计算机科学与技术专业研究生在读.我会不定时的更新我的文章,内容可能包括深度学习入门知识,具体包括CV,NLP方向 ...
- 船舶设计图纸管理系统_全方面设计图纸管理方案
船舶设计图纸管理系统: 全方面设计图纸管理方案: 彩虹图纸管理系统_图纸管理信息化管理.无纸化管理.集中管理.协同设计.数据共享.图纸借用重用等. 彩虹图纸管理系统功能: 设计图纸管理: 设计图纸使 ...
- 为什么ui框架设计成单线程_评估UI设计的备忘单
为什么ui框架设计成单线程 Whether you're evaluating your design proposals or giving feedback to a colleague duri ...
- flash动画设计期末作业_「2019年下学期」第二十五二十六节:期末作品三-吉祥物设计...
初心 伟大的艺术品不必追随潮流,他本身就能引领潮流. 课前准备 软件安装 [2019(上)]<三维建模与动画设计> [2019年下学期]第一节:选修介绍及选修人数确定 [2019年下学期] ...
- java array 元素的位置_数据结构与算法:动态图解十大经典排序算法(含JAVA代码实现)...
点击上方"JAVA",星标公众号 重磅干货,第一时间送达 本文将采取动态图+文字描述+正确的java代码实现来讲解以下十大排序算法: 冒泡排序 选择排序 插入排序 希尔排序 归并排 ...
- python运用在哪些地方_必看 | 2020年,Python十大应用领域介绍!
原标题:必看 | 2020年,Python十大应用领域介绍! python作为一门当下极其火爆的编程语言,得到世界范围内无数编程爱好者和开发者喜欢并不是偶然的,除了要比其他编程语言更容易入门,pyth ...
最新文章
- iOS 直播专题5-推流
- 如何使用 Python 隐藏图像中的数据
- 他们用卷积神经网络,发现了名画中隐藏的秘密
- js正则贪婪模式_JavaScript正则表达式迷你书之贪婪模式-学习笔记
- Appointment在SPRO里的date profile配置
- 【sklearn学习】数据预处理和特征工程
- select、poll和epoll
- DataBseDesign工作笔记002---数据库表设计
- Openstack api 使用方法
- 使用Masonry让cell高度自适
- javamailsender注入失败_springboot拦截异常信息发送邮件提醒
- 将android界面背景设置为黑色
- 13. PHP OPcache
- 读一本自己心爱的书,冒什么风险都是值得的
- jmail邮件服务器,jmail 指定发送邮件的服务器
- weico.android批量转发,运行更稳定 Weico Android正式版发布
- (半)自动批量添加QQ好友
- 2020暑期牛客多校训练营第九场(C)Groundhog and Gaming Time(数学期望,线段树,逆元)
- 李笑来——关于资本(阅读总结)
- Diffraction、Scatterring、Diffusion、Reflection 衍射、散射、干涉、折射 傻傻分不清