读书笔记《瞬间之美:Web 界面设计如何让用户心动》

本书深入探讨了Web界面设计的核心要素,从第一印象的注册按钮设计到导航的逻辑,再到视频演示和搜索优化等,全方位指导如何通过精心设计提升用户心动体验。从视觉美学到用户心理,本书提供了实用的策略和案例,帮助产品经理和设计师理解并实践如何在失败面前保持风度,以及如何通过人性化的设计策略赢得用户的青睐。

《瞬间之美:Web 界面设计如何让用户心动》是这样一本书:

当快速翻一遍时,觉得它说的是网站美工的事;

当仔细读一遍时,觉得它的本质是给产品经理看的UCD;

当读完书闭上眼品味时,才明白它说的是怎么做人,比如“将欲取之,必先予之”,比如在失败面前保留风度。

 

第1章 令人心动的第一印象

注册按钮要大,颜色有所区别;引导用户注册的(或网站的核心理念)描述要短。

古腾堡图表认为用户的眼光移动是从左上到左下,因此一种设计方案是:logo放在左上角,注册按钮放在右下角。

 

第2章 凸显个性

统一风格,比如字体

细微的小符号也是个性

 

第3章 导航之道

无序的导航->整理好分类的导航->第一层为动词、第二层为XX东西的导航,这样的目的是以用户为出发点。

 

第4章 链接生来不平等

环境的提示:用字体大小、颜色深浅的不同来表示文章的重要度。

 

第5章 标签云里抬头看路

标签云可能会把初级用户搞蒙,所以适合用Flicker较久的用户,对于偶尔来博客看文章的用户不适用。

 

第6章 开门见山

对于新用户,首页的一大段文字会把对方吓走,此时应用一个简短的语句。换句话说,重要的不是我们提供多大的信息量,而是提供的信息量是否是用户需要的。

 

第7章 为界面做标记

在用户填写表单时,要给予填写表项的说明和提示。

 

第8章 生动传神的视频

视频演示胜过千言万语

 

第9章 提出搜索词建议

自动完成输入框的优点:让用户轻松;避免创建多个数据库条目。缺点:用户不会输入之前想要搜索的词,可能这个词搜索精度更高。

 

第10章 列出搜索结果

当前页码数字高亮;适当分开页码数字、向前向后按钮变大,方便用户点击。

提供返回搜索结果列表的出口。

 

第11章精炼你的搜索

高级搜索的递进显示,屏蔽原始搜索按钮。

 

第12章 视频播放器的标准化

进度条滑块按钮要足够大;视频左上角要说明视频名称;打开网页时不会自动播放,而是显示第一帧的画面和播放按钮。

 

第13章 巩固你的表单布局

注册页面,文本说明和编辑框分为两列,文本左对齐,文本和编辑框不易对应->分成两列,文本右对齐,左边层次不齐、难看->变成一列,用户注册时目光移动是从上而下一个方向,更快

对首选处理方式“现在注册”,用图片按钮突出;对第二处理方式“取消”,文本链接显示。


第14章 驾驭wizard向导

说明共有多少步要完成,每步是什么,以及现在进行到哪一步。

用折叠面板暗示用户,每部步骤不长。


第15章 最后的一英里:即时校验

不要使用警告对话框。

对于输入正确的信息,要表扬;对于错误的信息,明确告知用户错在哪。

及时更新信息。


第16章 简化长表单

合并问题,比如从“是否用服务”单选框->“用何种服务”复选框,合并为“用何种服务”复选框
用wizard告知用户进度


第17章 让他们登录

将用户名嵌入到个人页面地址里,这样登录时无需再输用户名


第18章 计算字符数

输入完成后弹出“字符过多”警告框->输入时就在输入框下方显示“还可以输入XX个字符”->输入时就在输入框上方显示“还可以输入XX个字符


第19章 创建个人资料

递增增加个人资料的填写

在社区网站中,记录用户动态,比如浏览或发布了哪些文章

在空白资料页面中加入一些链接,刺激用户浏览更多东西,并发表东西


第20章 编辑

用折叠面板控件只显示与某任务相关的信息

用递进显示逐步展现高级功能,比如某功能的触发器在折叠面板中,而功能选项在对话框中


第21章 开展社交活动

对于弱社交网路,用follow比做friend更好,前者能激发用户越多感兴趣人的文章。


第22章 显而易见的博客

标题后的简介帮用户确定这篇文章是否应该读

用trackback(引用通告)吸引用户去另一个网站阅读文章

列出最相关的文章、人气最高的文章列表,鼓励用户阅读更多文章。


第23章 邀请讨论

不要控制用户的评论,否则你会失去用户对社区的信任

让otaku加入志愿者团队,为网站社区服务,并帮忙做营销


第24章 得到一个好的评分

遵循“清晰胜于效率”的原则。如果仅仅提供一个评分的页面,没有把显示分数和评分结合起来,用户就不知道是否评分成功。


第25章 让RSS更有意义

不要使用RSS、XML这样的缩写,这会让新用户困惑

提供邮件通知、浏览器订阅的额外订阅方式。


第26章 自定义标签

标签的缺陷是:用户会对同一个标签定义多个版本。

两种解决方法:自动输入词建议;用户创建标签后,弹出窗口让用户选择更合适的标签。

用简单的文字向用户描述什么是标签。

除了标签搜索,也得提供自然语言搜索。


第27章 通过拖放来组织信息

拖放时要显示中间状态(鼠标图标改变,拖放目标处的虚线)提醒用户拖放正在进行。

对于用户偶尔用的网站,不要滥用拖放


第28章 用系统通知来管理中断

当网站更新时,以公告的形式提前通知用户,可以让积极用户讨论更新,并通过邮件提醒让沉睡用户访问网站


第29章 退出

用户退出后,要返回到登录页面,同时列出网站特点作为营销


第30章 抹去那些尘封的用户

对于许久不登陆的用户,发送邮件提醒他们。邮件内容要个性化,幽默点。

用调查问卷、人数限制的讨论组方式,了解用户不使用产品的原因

不要做得太过火,这种提醒不应该频繁


第31章 由他们去吧

对于用户注销账号,要表现得优雅,用最后一个机会给用户留下好印象。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值