图片.png
Axure 是技能性知识,主要解决我们怎么画的问题;

今天学习思考层面的知识,设计原则,主要解决我们为什么要这么做,为什么要这么画,是要经过思考才可以画出来。
图片.png
尼尔森十大设计原则.png
问题:十大原则什么时候考虑,每个功能都要考虑吗,还是有特定的场景?

1.状态可见原则

图片.png
图片.png
例子:我们在下载东西时会有个进度条,这个进度条就是状态可见原则的一个应用。它让用户知道,现在处于何种状态,下载了多少,还有多长时间可以下载完成。状态可见原则告诉我们在设计软件时要考虑到让用户知道他处于哪一种状态。
图片.png

2.环境贴切原则

图片.png
为什么需要环境贴切原则呢?
因为我们面对一个新事物的时候呢,我们都是要经过学习的。
我们会发现我们在下载App使用时,有时我们是不需要经过学习,直接打开App就会用了,这不是说明我们面对新事物是不需要进行学习的呀。
其实呢我们已经经过了学习,你曾经学习过了,比如说下面图片的最后一个按钮,我们知道是转发分享的意思,你为什么知道呢,比如你在微信上分享过东西,所以其实你之前已经学习过了。
那么我们怎样让用户觉得我不用学习就能使用呢,我们需要用到环境贴切原则。他要求我们在设计软件的时候,我们应该要尽量贴近真实的世界,用户就不用学了,用户看到就不用学了,因为之前已经学习过了。
环境贴切原则告诉我们:在设计软件时要考虑用户的习惯,贴近用户的真实生活。

图片.png
图片.png
例如-乔布斯涉及第一代苹果电脑时邮件用邮票来表示,用户看到这个图片大概能猜到使用发邮件的。
因为邮票在真实世界中也是用来发信的。
图片.png
比如:微信红包,我们在真实的实际中收到红包也是拆开才能收到钱,所以微信红包做了个开的设计。
图片.png

3.防错原则

图片.png
防错原则:防止用户犯错。
有可能用户没有输入账号和密码就可以登录,为了防止用户犯这种错误,可以设计为没有输入内容之前,用户不能点击”登录”按钮。
图片.png
在比如:用户误操作了朋友圈的返回按钮,提示他是否要保留编辑的内容。
图片.png

4.用户可控原则

图片.png
用户可控原则:是防错原则的补充,解决用户犯了错之后怎么解决。
理解为撤销重做原则,比如微信撤回消息。
图片.png
图片.png

5.容错原则

图片.png
容错原则:考虑我们的系统或者用户操作出现错误的时候我们要告诉用户错在哪里,并且告诉用户怎么解决。
比如微信网络不可用。
容错原则就是告诉我们在设计软件时我们要考虑系统可能出现的错误,我们告诉用户错误是什么,并且告诉用户怎么解决。
图片.png

6.一致性原则

图片.png
两点:操作一致性和样式一致性
图片.png
图片.png操作一致性:是长按删除还是侧滑删除,这个系统要保存一致图片.png
样式一致性:点赞用大拇指还是爱心图标这个系统要保存一致

7.灵活高效原则

图片.png
要求软件给高级用户高级的功能
比如原型用的快捷键,这个就是灵活高效原则
长按可以编辑功能,选择常用的功能摆出来,删除不常用的功能放置在前面。
有些用户经常使用一些功能,那这些用户可以根据自己需求去定义软件的功能。
图片.png
图片.png

8.协助记忆原则

图片.png
我们在设计软件时,要考虑信息要不要帮助用户记下来,比如收藏、加入购物车功能。
图片.png
图片.png

9.简约容易原则

image.png
要求设计的软件界面,不要有过多不相关的信息,并且重点突出。
图片.png
图片.png谷歌搜索:结果一目了然,因为重点突出,比如标题加大加粗的。

10.帮助提示原则

图片.png
图片.png
反馈:操作之后我收到的回馈
前馈:操作之前系统告诉我操作后会发生什么事情。
image.png
image.png反馈
图片.png前馈