zoukankan      html  css  js  c++  java
  • 什么是符合用户预期的设计?

           “预期和心理模型或许可以解释成一个东西,预期建立在使用习惯和推测之上,我觉得前者调查很简单,但后者就得有预见性了,每一个产品的设计步骤都有他的目的性,这样做是满足哪些用户的目标,只有符合用户目的的产品设计,才是最完美符合用户预期的有效设计”。      

     

      例子1.

      在参与设计手机端地图的时候,有这样一个设计:在地图的顶部有一个搜索地点的搜索框,点击它会引出右面的页面。

      明明就是个输入框,但是为什么不能直接进行输入?转到右页面感觉就是进入了另一间屋 子,跳转多数都不是一个好的选择,因为它切断了用户使用的流畅感,也就是说用户的思维需要进行切换。改进就应该在地图上面直接进行输入和显示,这样才有比 较好的连贯性,更主要的是直接输入是输入框的基本属性,满足了这个属性才是符合用户预期的。

     

      例子2.

      在QQ输入法的全键盘英文模式下,当长按一个字母键时,会在字母上方弹出一个框来显示更多的符号或者字母,乍一看好像看不出什么来,但问题是当你的手指离开了按住的字母想要很自然的去选择上方弹出的其他内容时,就在手指抬离的瞬间弹出框已经消失了,根本来不及选择。

      怎么才能进行选择呢?哦,要求手指不抬离直接进行左右拖动选择—没想到是这样操作的!所以问题就在于:它是一个弹出框,为什么不等着我的手指点击到它就消失了呢?这样一个弹窗让使用触摸屏的用户习惯认为它应该是可以被点击的。

     

      例子3.

      在QQ输入法的选择皮肤弹框出现的时候,

      左软键意外的不是“确定”,而是“皮肤下载”,这样看似强化了皮肤下载功能,但是却 使得此页面最主要的功能:皮肤的选择变得弱化,甚至是不知道怎么进行选择皮肤。你会想到直接点击就选择了皮肤么?因为在弹出框最自然的用左键确认的方式被 改变了。所以当你改变一种已经形成模式的设计时,如果这种改变并不是自然直接的,那么就是违背了用户的预期,从而变成了一种强烈的干扰。

      这里引入一个设计原则即功能可见性(affordance)或者叫做预期。

     

      什么是affordance:事物可被感知的,最真实的属性直接决定它应该被怎么使用。所以怎么做设计能符合用户的预期呢?

     

      1.了解你的targetuser是什么样的人?他们有什么样的特征?他们有什么样的背景?

      用户的心理预期与他的使用经验,知识有直接关系,也就是他建立起来的 mentalmodal。只有当设计符合他的mentalmodal,那么就是和他的预期是一致的,这样的设计才是好的设计,换句话说只有设计师的 designmentalmodal更贴近用户的mentalmodal才能设计出贴近用户的产品。

     

      2.让设计与外界信息相结合

      比如说你设计的是触摸手机,那么就应用触摸屏的特性来进行设计—–为什么 android手机的长按一直被诟病着?为什么iphone的homekey可以双击,但是不容易被发现?因为用户对这样的操作没有任何预期,长按之后会 有什么操作,这个用户不知道。Homekey可以双击?在触摸屏上,双击是很隐晦的操作,不符合用户的使用习惯,而点击是直接的,是触摸屏的基本属性,不 需要思考的。

      所以很多时候要考虑我们的设计是不是符合了它的基本属性,是否按照它最自然的方式被使用。

     

      3.可以通过在当前状态下检查用户是否很顺畅的完成任务

     

      4.他的目标是什么,设计是否能帮助他完成目标还是阻碍了他的目标

     

      5.设计是否让他去猜测了

      做了这么多年的设计,有的时候是凭直觉来感觉到这样做有问题,但其实归根结底要知道在每一个细节其内在的基本属性是什么,只有满足了这些基本属性才能做出最完美的符合用户预期的设计。

  • 相关阅读:
    javascript入门 之 zTree(十四 增删查改)(二)
    javascript入门 之 zTree(十四 增删查改)(一)
    javascript入门 之 zTree(十三 移动/复制事件)
    javascript入门 之 bind() (二)
    javascript入门 之 zTree(十二 托拽事件(二))
    javascript入门 之 zTree(十一 托拽事件(一))
    Java 使用 switch 语句和枚举类型
    微信公众号开发(四)—— 自定义菜单的创建
    微信公众号开发(三)——获取 Access_Token
    微信公众号开发(二)—— 图文消息
  • 原文地址:https://www.cnblogs.com/shihao/p/2639052.html
Copyright © 2011-2022 走看看