第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2018-03-13 09:46来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
以上是作者表达的观点,其中按钮的摆放位置和对齐方式,我并不是很赞同。在日常的交互设计中,我们经常会遇到这样的问题,如「确定」按钮放在左边

  以上是作者表达的观点,其中按钮的摆放位置和对齐方式,我并不是很赞同。在日常的交互设计中,我们经常会遇到这样的问题,如「确定」按钮放在左边还是右边?如何对齐?禁用状态的按钮是显示还是隐藏?「确定」按钮的优先级高还是「取消」按钮的优先级高?按钮的形状设计成直角矩形还是圆角矩形或者其他形状等等一系列问题,在今天的分享里对这部分内容就不再做过多的探讨了。

  3. Wizard 向导

  有时候我们填写一个表单,在填写完页面上的表单单击下一步时,下一个步骤又会载入一个新的页面,然后继续填写后,又出现另一个表单,这会使用户产生疑惑并且失去耐心,如下图 :

  

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

  如何去除用户的挫败感?我们需要让他们预先知道总共有多少个步骤,同时应该告诉他们去过哪,现在在哪,将来还要去哪。

  首先为每一个步骤加一个描述标题栏,将所有的步骤名称都展示给用户,且正在进行的步骤是可编辑的,随后的步骤是不可点击状态,因此用户不能随意弄错顺序,完成前一步,下一步的操作才会进行,作者给出的方案如下:

  

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

  上述方案的局限性是,网页的横向空间是有限的,如果步骤过多,会出现横向滚动条。对用户来说,操作横向滚动条相当麻烦,但是网页的垂直方向是无限的,所以改进方案是:

  

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

  4. 有字符数限制的输入框的设计

  首先,在用户开始输入之前,就提示用户,只能输入的字符的限制数;在用户输入的过程中,为了避免用户去数自己还可以输入多少字,应设置随字数变化的计数器;通过改变数字的样式(颜色、粗细、大小)来提醒用户,可以输入的字符数已经不多了。方案如下:

  

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

  

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

  第五部分:参与

  这部分内容我把自己认为比较精华的分享给大家,很多细节的描述就不再赘述了。

  评分系统的设计

  评分版面一般分为两部分,一部分是展示版面,告诉用户现在已经有的评定结果,另一部分是编辑版面,用户可以对某事物进行评分。一些网站在设计的时候只需要点击某颗星,除了星星从白变黄,无法得到其他的反馈,会使用户困惑自己到底有没有评分成功。虽然这个交互过程很简单,但是用户体验不好,我们不能为了简单而简单。好的交互不是说让用户用最少的步骤完成任务,而是让用户的每一步都得到反馈,效率并不是所有问题的答案,比效率更重要的是清晰。

  作者给出的解决方案如下:

  

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

  第六部分:管理信息

  1. 自定义标签

  每个人的思考方式不一样,想到的标签就不一样,不同的人可能会为一个标签创建多种版本,所以我们需要某种方法来侦测那些相似的标签,并且让用户能为想标记的内容选择已有的标签。

  第一种方法是网站应该像 Google 那样提供自动完成的功能(上面我们已经说过了)。

  第二种方法是用户输入标签后,系统搜索出近似的标签,然后在下一个页面中陈列出来,这个页面可以用文字向用户解释他可以把新标签和那些已经被其他人创建的标签相匹配。

  2. 启发式的设计

  通过启发式的设计让用户提高使用效率,并且保持从一个界面到下一个界面的一致性和连贯性,同时通过设计元素让交互变得更易学习,并且能重复同种交互行为。每一个交互行为的每一个步骤都需要尽可能的简单和清楚,特别在「操作」状态中。

  3. 为改变(更新)而设计

  为发布的新版本设定明确的时间,提前给用户准确的信息,而不是毫无预告的发布新版本,给用户造成困扰,可以通过给用户发送邮件的方式,那些积极的用户会对新版本很感兴趣然后告诉更多的朋友;普通用户则会获得足够的预警;那些曾注册过而又废弃的,但是没有删除账号的用户,则会被提醒而再一次访问我们的网站。

  第七部分 :离开

  用户退出后,动员用户再次登录

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕