发表于: 2018-12-18 21:04:40
1 807
今天做的事情:
做任务九
明天要做的事情:
做任务九
遇到的问题:
暂无
收获:
UI网页界面设计的小技巧
1.了解客户的需求
最重要的是,我们需要定位用户——内外都需要。这就意味着我们的应用能吸引多少流量,更重要的是,了解其中客户地需求,以及他们在满足需求的道路上所遇到的障碍。
而要做到这种程度的分析,我们需要更细致的统计数据,这就需要深入了解网站的用户了。与用户面对面交谈,观看他们的使用流程,询问相关的问题,
比如“你对这种设计有什么看法?”,或是其他更深的问题。
用户的需求是什么?是什么在阻碍他们满足自己的需求?而我们的网站将会如何帮助他们解决或是克服这些阻碍?
千万别空想你的用户想要什么,你需要实地深入挖掘。毕竟,欲望只是需求的产物,如果我们能够满足用户深层次的需求。就能满足他们的一些愿望,以及更多的基本要求。
通过数据分析以及与用户的沟通,我们能够得到许多问题的答案,这些问题可能是从如何使用界面,或是界面的重点应该放在哪里。
2.定义界面的使用方法
在设计界面之前,我们需要想清楚它的使用方法。随着触屏的普及,观察比想象更能发挥作用。
亮点:应用程序的用户体验大多来自轻松和流畅的横向触摸。
人们有这么两种方法来使用网站和应用程序:通过与产品进行交互的直接方法,与通过与产品外围进行交互的间接方法。
3.设定预期
许多网站或是应用都会出现这样的情况:单击按钮就进入付款界面、删除网站或是一些不是很好的界面。每一次点击都有结果,有时还会带来焦虑。
因此,一定要让用户知道如果点击了这个按钮会发生什么。我们可以通过设计或是复制来做到这一点。
通过设计设定预期:
突出显示所需的按钮使用约定俗成的符号,如用垃圾桶代表删除、加号代表添加内容,放大镜用来表示搜索选择具有相关含义的颜色,如绿色代表“前进”,红色代表“停止”
通过复制设定预期:
解释清楚按钮的作用在空白处提供具有导向性和鼓励性质的文字说明适时发出警告并要求确认
对于不可逆的行为,如永久删除某些内容,则需要询问用户是否确定。
在InVision中,单击垃圾桶图标并不会立即删除,网站会询问你是否确定,并告知操作不能撤销。
4.预测可能出现的错误
人都会犯错,而神明会原谅犯错。——Alexander Pope《论批评》
人总是会犯错,也总是不得不承担后果。这里有两种方法可以减少错误的影响:
1).防止错误发生
2).亡羊补牢,为时不晚
我们能在很多电子商务网站以及表单设计中看到很多规避错误的方法:在填写完所有空格钱,按钮并不被激活;
表单常常会检测到电子邮件地址错误;以及弹出询问窗口询问你是否真的想清空购物车。
与亡羊补牢相比,预测错误从而规避往往没那么沮丧,毕竟点击“下一页”或是“提交”时在发现错误简直太难过了。
5.反馈迅速
在现实世界中,环境总是给予我们反馈,我们说话,别人回应;我们撸猫,猫则会发出咕噜声或是嘶嘶声,当然这取决于它的心情。
数字界面往往不会给予我们反馈,我们总是不知道是否该重新加载页面、重新启动笔记本电脑,还是将它关闭,从最近可用窗口中删除。
所以我们可以设计一个加载动画。当我们点击它时,让那个按钮弹出并反弹,当然幅度不要太大。如果我完成了一些事的时候,也可以设计一个虚拟的“击掌”,让我知道我的完成情况。
MailChimp在用户安排或者发送电子邮件是提供反馈和建议
但要确保反馈最够迅速。Usability.gov将任何冲过1秒钟的延迟定义为中断,超过10秒基本可以说是受损了。但实际上,只需要三秒钟,就能让美国一般的人口受到影响。
如果页面只能在5秒左右加载好,就不需要显示进度条了,因为这会使得加载时间看起来更长了。单可以使用并不明示前进的可视化,例如Mac的“死亡风车”。
如果我们需要在网站上使用进度条,请考虑尝试使用一些视觉技巧,这样能让加载看起来更快一些。
评论