看山是山,看水是水<br />Web界面用户体验设计心得分享<br />
在某年某月的某一天,UED(用户体验设计)概念传入中国…<br />一时间,<br />如果你不知道UED<br />你基本处于在互联网产品经理圈子里不好意思和别人打招呼的窘境中…<br />于是…<br />我开始了勤奋的学习!<br />
不要让“我”思考原则  高速公路理论<br />奥卡姆剃刀定律(如无必要,勿增实体)<br />7±2原则    2秒规则<br />3次点击法则    80/20法则(巴莱多定律)<br />交互设计的八条黄金法则<br />费茨定律 倒金字...
在多少个不眠之夜我被这些概念折磨着…<br />他们听起来都对,但该如何应用到具体的产品设计中呢?<br />这些原则背后的用户需求逻辑是否适用于国内?<br />死板的恪守原则会不会成为产品设计的障碍?<br />
直截了当<br />直截了当(书、)<br />少则明(豆瓣好友、非重点功能的)<br />适度提示(植物大战僵尸、豆瓣,提前的错误提示、实时的错误提示)<br />请说人话(reader自然描述与自然任务<br />不同网站对于相同功能的描述...
先来看一些实例…<br />从最简单的编辑框开始…<br />交互B<br />交互A<br />
用户更喜欢所见即所得、简单易用的交互界面。需要在哪里输出,就要允许在哪里输入,通过“页内编辑”、“拖放”等交互方式实现用户界面的直截了当<br />
但这还远远不够,页面上眼花缭乱的链接和按钮仍让可能让用户晕倒。<br />要精简页面,要做减法,但是这些功能点确实都很重要。我该如何是好…<br />减法!减法儿???<br />
级联递进<br />也许,这样会好一些…<br />看看这恐怖的一排按钮,所以请你不要迷恋“歌”“歌”其实只是个传说<br />
Flickr——悬停即现<br />鼠标悬停引出下拉三角,提示用户可点击。将功能点隐藏进下拉菜单,屏蔽页面的视觉干扰<br />
要知道,对于功能繁多的网站来说,每一个功能点的罗列呈现对用户而言都会造成<br />视觉干扰<br />况且这其中还有一大部分的功能用户可能根本不需要。因此需要<br />精简界面<br />
再比如…<br />除了用户界面的精简,网站内用户的关系最好也不要太复杂。<br />比如像…<br />
当然,所有的减法都不是盲目的<br />先明白你的用户是谁?核心需求是什么?然后再做28。<br />因为你要知道<br />精简页面的代价是用户点击成本的增加。<br />用户关系的精简可能导致用户不能建立必要的联系。<br />
王老五:嘿!听说了吗?XXX网站改版了,推了一堆超NB的功能。<br />李老六:恩,我上去看了。发现和我以前用的界面不一样了。什么也找不到了…<br />也许这时候网站应该为用户做<br />适度的引导和提示<br />
适度提示也可以帮助用户建立对网站的信任,增强用户在网站内的安全感…<br />igoogle在页面又是个告诉当前状态的例子。用户带开页面时会提前显示各个组件的样式框,同时显示“正在加载”的状态告诉用户内容还在处理中。<br />告诉当前的状态<...
老尚:你可回来了,赶紧帮我看看电脑,这两天屏幕左下角拼命往外蹦提示,说让我打补丁,这都解放多少年了怎么还打补丁呀?<br />我:陷入沉思…<br />显然电脑没有用我爸能听懂的语言和他对话<br />做好产品,请先说好“人话”<br />
不同的产品定位,所面受众的不同,都将对产品的文字导向产生影响。<br />
宋代禅宗大师青原行思提出参禅的三重境界<br />参禅之初,看山是山,看水是水;<br />禅有悟时,看山不是山,看水不是水;<br />禅中彻悟,看山仍然山,看水仍是水<br />或许应该试着…<br />放下原则和概念,<br />回到事情...
需求!需求!还是需求!<br />
用户不是傻瓜,当然他们也不是聪明可爱的小精灵。事实上他们只不过是电脑前的一群性格、家庭背景、职业都不尽相同的普通人而已。<br />把握用户的通用需求——理解人性<br />把握用户的个性需求——知道你的用户是谁,并试着了解他们,做到能<br ...
上述案例均是在特定用户环境和背景下所采用并取得较好效果的交互方式。并非放之四海皆准的灵丹妙药。<br />因此“领会精神”最重要,切勿对号入座,简单拷贝。<br />
推荐阅读<br />
知易行难,共同努力。<br />谢谢!<br />
Upcoming SlideShare
Loading in …5
×

看山是山,看水是水

794 views

Published on

Published in: Sports, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
794
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

看山是山,看水是水

  1. 1. 看山是山,看水是水<br />Web界面用户体验设计心得分享<br />
  2. 2. 在某年某月的某一天,UED(用户体验设计)概念传入中国…<br />一时间,<br />如果你不知道UED<br />你基本处于在互联网产品经理圈子里不好意思和别人打招呼的窘境中…<br />于是…<br />我开始了勤奋的学习!<br />
  3. 3. 不要让“我”思考原则 高速公路理论<br />奥卡姆剃刀定律(如无必要,勿增实体)<br />7±2原则 2秒规则<br />3次点击法则 80/20法则(巴莱多定律)<br />交互设计的八条黄金法则<br />费茨定律 倒金字塔 满意原则<br />
  4. 4. 在多少个不眠之夜我被这些概念折磨着…<br />他们听起来都对,但该如何应用到具体的产品设计中呢?<br />这些原则背后的用户需求逻辑是否适用于国内?<br />死板的恪守原则会不会成为产品设计的障碍?<br />
  5. 5. 直截了当<br />直截了当(书、)<br />少则明(豆瓣好友、非重点功能的)<br />适度提示(植物大战僵尸、豆瓣,提前的错误提示、实时的错误提示)<br />请说人话(reader自然描述与自然任务<br />不同网站对于相同功能的描述)<br />物以类聚(搜狐产品库、豆瓣)<br />
  6. 6. 先来看一些实例…<br />从最简单的编辑框开始…<br />交互B<br />交互A<br />
  7. 7. 用户更喜欢所见即所得、简单易用的交互界面。需要在哪里输出,就要允许在哪里输入,通过“页内编辑”、“拖放”等交互方式实现用户界面的直截了当<br />
  8. 8. 但这还远远不够,页面上眼花缭乱的链接和按钮仍让可能让用户晕倒。<br />要精简页面,要做减法,但是这些功能点确实都很重要。我该如何是好…<br />减法!减法儿???<br />
  9. 9. 级联递进<br />也许,这样会好一些…<br />看看这恐怖的一排按钮,所以请你不要迷恋“歌”“歌”其实只是个传说<br />
  10. 10. Flickr——悬停即现<br />鼠标悬停引出下拉三角,提示用户可点击。将功能点隐藏进下拉菜单,屏蔽页面的视觉干扰<br />
  11. 11. 要知道,对于功能繁多的网站来说,每一个功能点的罗列呈现对用户而言都会造成<br />视觉干扰<br />况且这其中还有一大部分的功能用户可能根本不需要。因此需要<br />精简界面<br />
  12. 12. 再比如…<br />除了用户界面的精简,网站内用户的关系最好也不要太复杂。<br />比如像…<br />
  13. 13. 当然,所有的减法都不是盲目的<br />先明白你的用户是谁?核心需求是什么?然后再做28。<br />因为你要知道<br />精简页面的代价是用户点击成本的增加。<br />用户关系的精简可能导致用户不能建立必要的联系。<br />
  14. 14. 王老五:嘿!听说了吗?XXX网站改版了,推了一堆超NB的功能。<br />李老六:恩,我上去看了。发现和我以前用的界面不一样了。什么也找不到了…<br />也许这时候网站应该为用户做<br />适度的引导和提示<br />
  15. 15.
  16. 16. 适度提示也可以帮助用户建立对网站的信任,增强用户在网站内的安全感…<br />igoogle在页面又是个告诉当前状态的例子。用户带开页面时会提前显示各个组件的样式框,同时显示“正在加载”的状态告诉用户内容还在处理中。<br />告诉当前的状态<br />flickr批量上传时,通常系统处理时间会比较长,甚至还有可能产生错误导致操作中断。他们采用了对每个照片的上传进度进行实时反馈为了,告诉用户当前的状态,从而给他们的错觉认为 该过程不是那么长,加速了用户的等待时间。<br />
  17. 17. 老尚:你可回来了,赶紧帮我看看电脑,这两天屏幕左下角拼命往外蹦提示,说让我打补丁,这都解放多少年了怎么还打补丁呀?<br />我:陷入沉思…<br />显然电脑没有用我爸能听懂的语言和他对话<br />做好产品,请先说好“人话”<br />
  18. 18.
  19. 19. 不同的产品定位,所面受众的不同,都将对产品的文字导向产生影响。<br />
  20. 20. 宋代禅宗大师青原行思提出参禅的三重境界<br />参禅之初,看山是山,看水是水;<br />禅有悟时,看山不是山,看水不是水;<br />禅中彻悟,看山仍然山,看水仍是水<br />或许应该试着…<br />放下原则和概念,<br />回到事情的本质<br />从用户需求的实际开始。<br />
  21. 21. 需求!需求!还是需求!<br />
  22. 22. 用户不是傻瓜,当然他们也不是聪明可爱的小精灵。事实上他们只不过是电脑前的一群性格、家庭背景、职业都不尽相同的普通人而已。<br />把握用户的通用需求——理解人性<br />把握用户的个性需求——知道你的用户是谁,并试着了解他们,做到能<br />按照他们的思维想问题<br />
  23. 23. 上述案例均是在特定用户环境和背景下所采用并取得较好效果的交互方式。并非放之四海皆准的灵丹妙药。<br />因此“领会精神”最重要,切勿对号入座,简单拷贝。<br />
  24. 24. 推荐阅读<br />
  25. 25. 知易行难,共同努力。<br />谢谢!<br />

×