恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
理性的规划VS感性的界面
0.0°
2016-05-08 好文转载 经验/观点 原作者: 未知 举报 1704 3 6 0

看了《用户体验设计师的成长之路》中的部分摘要

1、以人为本为的界面设计


     如何让用户被你的界面所吸引,进而通过操作来完成任务呢?首先,我们要了解用户,知道用户有什么样的需求,他想要的是什么,其次我们要保证我们的界面逻辑不是错误的,可以让用户顺利完成任务,最后我们要力求让设计形式符合用户的心里模型,让用户感受到“人性化”的设计。


    以电子商务网站为例,用户的需求是买到心仪的产品,在这个过程中他的目标肯能是明确的(知道自己要买什么),也有可能是模糊的(知道要买钱包,但不知道     要买什么款式的 ),也有可能是模糊的(只是随便逛,看到喜欢的就买)。 


    明确目标的用户在使用时会按照流程一步步完成操作任务,而目标不明确的用户则需要更多的展示内容来吸引收藏夹他用户被吸引了进而才能完成操作任务。

    

    举个例子,如淘宝的购物车和收藏夹页面,他们的内容其实是类似的,都包含图片,商品名称,价格等信息。如果按照正常逻辑来处理,这两个页面的设计样式应该很类似,有的网站甚至把他们做成了一样的,但为什么淘宝的购物车和收藏夹就做的不一样呢?


    如图                                                                                                                                                                                                                           1

      这是考虑到了用户的使用情景和心理感受。如果用户对商品感兴趣又不急于购买,就倾向于把商品放到购物夹中;如果用户购买意愿较强就会把商品放到购物车中,所以收藏夹就要适度突出图片,人气,评论等内容,吸引用户去购买,而购物车则应尽量简洁明了,不干扰用户,方便快速下单。


2、帮助用户找到想要的东西



     信息组织与分类的目的,就是要让信息易于寻找,让有明确目标的用户,快速找到所需要的信息:让没有确定目标的用户,通过浏览和寻找,一点一点的明确自己想要的,最终找到所需要的信息,让没有目标的用在寻找中激发需求。所以互联网产品中信息的组织与分类,要满足这三种情况,通过合理组织网站索要承       载的信息,帮助用户找到他们所需要的东西。


     如图Image title

      为电子商务网站eBay的首页,明确自己想要买什么的用户,可以直接通过搜索框找到想要的商品,对于自己要买的商品有大概目标的用户,可以使用页面左上方的商品分类,在特定的类目中寻找商品。完全没有目标的用户,可以浏览最近热销或者有折扣的商品,在“闲逛”中激发购物需求。


 3、吸引无目标用户



      对于无目标或者目标不明确的用户来说,我们不能再用理性逻辑的思维方式来对待他们,而是要充分的换位思考,用感性的思维方式来给他们营造贴心,友 好,有吸引力的界面。

    

      如图Image title


      为新浪微博的登录界面,对于有微博账号,想要登录微博浏览信息的用户,这个页面的逻辑没有任何问题,页面没有任何干扰,用户可以快速找到登陆框完成登录,对于没有账号想要注册的用户来说,页面也提供了“立即注册”按钮,但是对于那些听说过微博,不知道它是做什么的,想要了解又懒得注册的“闲逛型”用户来说,这个页面的内容完全无法吸引他们,这部分用户可能因为无法了解更多而流失掉,但是如果有吸引人的推荐信息,他们可能会成为注册后的活跃用户。


    如图 Image title

    为知乎的登录界面,页面最显眼的地方提供了登陆框,页面下方推荐了高质量用户和热门话题的一些回答,让用户在没有注册时对网站也略知一二,从产品逻辑上来说,登录页面的任务就是让用户去登录,一个简单的登录框就可以完成,如果严格遵守产品逻辑,内容推荐也就不会出现在这个页面上了,无目标用户也就很难被吸引了。



    如图Image title


    为改版前和改版后的flickr的注册页,哪个页面的逻辑更清晰呢?显然是改版前,改版前的页面提供了明显的立即注册按钮,告诉用户注册之后能干些什么上载、发现、分享照片,但是哪个更吸引人呢,肯定是改版后,高质量的照片墙告诉用户这里有最棒的摄影作品。被吸引到的用户还可以点击查看详情,于是评论、收藏、分享这些主要功能会展现在用户面前。


  4、符合用户心理模型



    在设计的过程中,设计师也应该充分考虑到用户是如何理解产品的,并在交互设计的表现形式上更加贴近用户的心理模型,避免将枯燥的逻辑直接呈现给用户


    如图Image title




      为两类天气类应用,从逻辑上看第一款应用似乎更加清晰,用最大的数字表示今天的天气情况,用列表来展示未来几天的天气情况,用户理解起来应该不成问题,但是用户在看到这个界面的时候,会不会直接的感受到今天是不是很热,明天会不会更热吗?虽然可以通过最近今天的温度对比出来,但感受上没那么直接,而第二款应用通过颜色的变化和数字的高低,让用户直观的感受到天气的变化的趋势,仔细观察还可以发现界面背景还有向下波动的纹理,可以让用户贴切的感受到气温是在下降的。



     人不仅具有理性,也具有感性,这导致人们的目标,期望,行为,往往会和逻辑冲突,过于关注逻辑可能会偏离了用户目标,最终导致易用性受到影响,但正确的逻辑性依然重要,逻辑正确的设计保证产品是可用的,只是未必易用,在关注用户目标的基础上,逻辑也要合理,只是不要过于追求逻辑上的完美,平衡好用 户情感和界面逻辑的关系,这样才能设计出友好而易用的界面。

 


 

更新:2016-05-08

收藏

3人已收藏

  • 18

    作品

  • 4

    粉丝

  • 1

    关注

  • 年货专题
  • 字体设计中的移花接木
  • 行车记录软件APP界面
  • ui设计师个人简历

    猜你喜欢

      2016-05-08 好文转载 经验/观点 原作者: 未知 举报 1704 3 6 0

      理性的规划VS感性的界面

      0.0°

      你确定要举报理性的规划VS感性的界面

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录