《瞬间之美——WEB界面设计如何让用户心动》读后小记

最近在看一些关于IT的书籍来充实自己。而看书若只是单纯地看,没有一些记录或输出,那么看完之后的记忆在一个月后就会忘记了。而这明显不是我想要的,因此,我从现在开始要养成记笔记的习惯。(个人建议,如果时间充裕可以用笔写下来,然后带在身边,以便随时翻阅,毕竟纸质的翻阅比电子的阅览更好感觉,不是吗?)

跟随你自己的福祉。找到你自己的禅。设计属于你自己的瞬间。

好了,废话不多说,接下来进入正题。Robert HoekMan,Jr的作品——《瞬间之美——WEB界面设计如何让用户心动》这一本书作者采用思路引导的模式,中间穿插一些结合个人经验及客户需求角度的分析讲解,篇幅简洁,设计思路清晰。


下面是我根据其书的内容做的一些个人笔记:

第一篇:引导用户

用户浏览网站的速度是很快的,作为设计师为了能够留住用户,首先就是能简明快地展示主题,作者用了一个很形象地形容:帮助用户“着陆”。

而在帮助用户“着陆”的这片刻之间我们需要完成下面几件事:

1.设计吸引人的第一印象:

Ø为扫描而设计:欢迎语简明扼要,不要用过多的文字

Ø风格样式、布局排版的良好设计,

Ø标语的突显,

Ø颜色的搭配(重要的颜色要显眼),

Ø应用古腾堡图表的排版方式(人的视线一般会从左上到右下去浏览一页的展示信息,左下和右上很容易被忽略,所以重点内容可以放置在从左上到右下这一条线以内)

Ø个性设计——

Ø极简设计:强调那些已经有的东西,从面形成一种有凝聚力的“品牌”

Ø统一设计风格

Ø页面之间可以采用某些标记用以统一风格

2.以明确的路线来提供信息

Ø在保持不古板的样式布局的前提下,引导用户去做他想获得的东西,引导性的标志或标语不要过于强硬,而是以用户的角度去考虑,让用户感觉自己成为网站的指挥者而非跟随者。

Ø突出重点链接

     i.由大到小的列表

    ii.颜色的区别显示

    iii.背景的突显

    iv.首条图片等

Ø合理运用标签

3.提供工具指引用户

Ø控件的标记要么修改这些标记使其变得通俗易懂,要么加上说明元素

Ø将复杂的步骤简明化:用视频来表述想法、展示方法;

Ø搜索框要做好:信息提示(自动根据数据库内容进行标题内容的联想提示)

Ø列出搜索结果,并将页码样式做好,好的页码样式可以的让用户有点击的欲望

Ø加入精确查找模块

4.把观光客转变为消费者

做好以上几步之后,观光客型的消费者的欲望已经被激起,那么他就有可能成为你网站的消费者奠定了基础。具体如何做在第三篇会继续介绍。

第二篇 进阶

1.视频的播放器的标准化

网站的视频播放控件的风格样式要有统一的标准,美观、简洁、易用缺一不可

2.巩固你的表单布局

Ø设计出行云流水般的表单:所谓的行云流水不是写完一条又添上几条,而是将表单分作好几个页面,一步步引导用户去完成表单,并以进度条将进度展示出来,避免用户的烦躁心理。

Ø让“确定/取消”更完美:

²可以表单布局的对齐方向为焦点定位布局,尽量与排版方向一致,让用户不用移动过长的视距

²将提交按钮的文字显示更生动化

²分清按钮的主次再进行排版(费茨法则指出:点击某个目标所花费的时间可以通过一个函数来求值,它与“鼠标与目标的距离”和“目标尺寸”密切相关),以显眼的形式突出首选按钮,第二选择按钮则可直接以链接形式存在。

Ø向导表单设置范围界限

让用户能够明确看到你的表单从开始填写到结束不需要花费很多的时

Ø即时校验

²在光标消失时检验整体格式

²在用户不断输入内容时,实时更新该项剩余的输入限制提示

²出错是以显眼的提示方式进行提示,不要用弹窗

²明确而不失生动的地提醒。当输入正确也给用户一个提示

²提交时再次验证表单内必填控件是否已全部输入完整,是否符合格式

²推荐以一行标题,一行控件,一行提示信息,一行报错信息的格式进行表单布局

Ø优化登录

可以URL或其他的形式帮助用户记住自己的用户名,简化找回密码的用户名输入

Ø计算字符长度

方便用户知道自己还能再输入多少内容

第三篇 参与

1.创建个人资料

²递进式增加:用户信息分层分类,让用户觉得有所需时再进行更新

²把数据变成仪表盘:将信息归纳整理,以名片、仪表盘等的方式将数据统合显示,方便其他用户浏览,达到吸引用户的目的。

²空白资料页面:空白让人恐惧,激发人们去填充的欲望,当看到别人的内容如此丰富,自己的内容一片空白时,结果可想而知。

2.优化编辑功能

²创建属性:让用户自主定义编辑文字里要用到的快速编辑的辅助控制。

²体贴的布局:在正确的时间显示正确的工具。

3.朋友圈

以关注为准而不以大众为准:对于媒体网站的信息的推送,以用户自身的关注为主,而不是全民推送。因为全民推送时,有些用户并不对推送的内容感兴趣,久而久之会厌烦甚而厌恶,不利于用户体验。

4.博客之路

²首先,博客应该便用浏览者扫描页面,以决定某篇日志是否值得阅读。(开篇提示)

²其次,我们认为博客应当能更好地鼓励交流。(评论、页面摘录)

²最后,我们认为好的博客设计应该能够诱使人们阅读更多其他的日志。(日志归类,热点日志等)

这三点统合进博客内容页内能够为博客提升效果。

5.邀请用户讨论

²让用户发表意见,不要控制用户所发表意见的留言、评论、论坛回复等,即不要控制任何东西。(信任每一个用户;起用你的Otaku[对某些领域有着痴迷热情的狂热者];

²标记“特别的用户”[让评论者来标记,类似举报];

²让用户大胆地评论,以此为改进方案,一点点建立你的公司和用户之间的一种相互信任的文化

²)

6.得到一好的评分

体验最重要,关键在于交互中的每一个步骤都应该都常清晰、明确、直接。

第四篇退出

Ø将退出的步骤简化

Ø在退出时提出一些可以诱使用户返回的信息

Ø与用户对话(电话、邮件、信息等)

Ø将许久没登录的用户抹去(先争取这些用户回归,不行再删)

Ø让用户离去:离去时尽可能周到地提示用户的信息及文件的管理。

设计的七大原则:

Ø只提供用户所需

Ø让初学者尽快转变为中级用户

Ø尽可有地预防错误,如出错也应友善处理

Ø精简和优化交互与任务流程,让最复杂的软件清晰易懂

Ø为支持特定行为而设计

Ø持续地改进和优化我们的流程与程序

Ø忽略用户的某些要求,坚信自己的理想和洞察力

作者在书中传递了这样的思想:设计即传达。

设计师是其他所有一切的传达者。不管是设计应用程序、演示幻灯片、设计文档,还是餐饮里的酒单,我们的目标永远是向用户传达它们是如何工作的,而他们又能从中得到什么,以及为什么它们为什么很重要。

为了做到这些,我们通过各种设计手法、指示性元素以及其他手段来传达一款应用程序及其交互行为的目的、利益和使用方法。我们通过颜色、图像和文字来传达情绪。我们通过客户服务和高质量的产品来传达对用户的奉献精神。

你可能感兴趣的:(《瞬间之美——WEB界面设计如何让用户心动》读后小记)