<span id="ubbei"><video id="ubbei"></video></span>
<span id="ubbei"></span>
<span id="ubbei"><video id="ubbei"></video></span>
<strike id="ubbei"><video id="ubbei"></video></strike><th id="ubbei"></th>
<span id="ubbei"><video id="ubbei"></video></span><span id="ubbei"></span><span id="ubbei"><video id="ubbei"></video></span>
<th id="ubbei"><video id="ubbei"><span id="ubbei"></span></video></th>
<span id="ubbei"></span>
<th id="ubbei"><video id="ubbei"><span id="ubbei"></span></video></th><strike id="ubbei"><dl id="ubbei"><ruby id="ubbei"></ruby></dl></strike>
<span id="ubbei"></span>
<th id="ubbei"></th>
<span id="ubbei"></span>
<th id="ubbei"></th>
<span id="ubbei"></span>
<span id="ubbei"></span>
<span id="ubbei"></span>
<span id="ubbei"><video id="ubbei"><strike id="ubbei"></strike></video></span>
<strike id="ubbei"><video id="ubbei"></video></strike>

  • <output id="ubbei"></output>
          1. <li id="ubbei"><s id="ubbei"><strong id="ubbei"></strong></s></li>
          2. 浅谈简约交互设计四策略

            通过简约至上交互式设计四策略这本书,来了解一下要做到简约设计,设计师应该要注意什么

            今天小编?#21019;?#22823;家了解一下如何让产品能更加简单易用的四个设计策略:

            合理删除、分层组织、适时隐藏和巧妙转移;

            首先咱们以书中遥控器的例子先简单介绍下这四个策略~

            删除-去掉所有不必要的按钮,直到不能再减。 

            组织-按照有意义的标准将按钮划分成组。 

            隐藏-把那些不是最重要的按钮安排在活动舱盖下面去,避免分散用户的注意力。 

            转移-只在遥控器上保留具有最基本功能的按钮,将其他控制转移到电视屏幕上的菜单里,从而将复?#26377;?#36716;移到电视。

            ? 删除 ?

            删除的目的在于让用户在使用产品时聚焦于产品的核心功能,避免被其他因素所干扰,增加我们的认知负担。

            那么哪些东西可以删除?

            1.删除不必要的功能,让用户的注意力放在主要功能的完成上

            不必要的功能会降低用户使用产品时的效率,或许你觉得一个功能没什么,当你慢慢进行功能的堆砌时,你会意识到整个产品是多么的混?#36965;?#29978;至用户都不知道这个产品是做什么的。

            2.减少选择项,降低用户在使用产品的决策负担

            这里提供三个可参考策略:

            (1)提供一个合适的默认值

            (2)删除不必要的选项

            (3)不要在选项中使用专业术语来表达

            3.删除不必要的文字,多余的文字描述很难让用户聚焦于关键的信息上

            这里提供三个可参考的策略:

            (1)删除引见性文字,例如:欢迎光临我们的网站,我们希望您?#37027;?#24841;快...这些话听起来不会让人觉得你口才好,只会让读者感到尴尬,删掉这些文字,开门见?#20132;?#26356;适合。

            (2)删除不必要的?#24471;鰨?#20363;如:填写完这些字段后,请您点击提交按钮把申请提交给我们,像这些?#24471;?#30340;东西完全可以去掉,因为页面中的标题?#32422;?#20869;容已经足以让用户明白我现在是在做什么。

            (3)减少废话。

            4.删除干扰用户的视觉元素,?#34987;炻业?#35270;觉元素出现在界面上时,会大大增加用户的认识负担

            这里提供四个可参考的策略:

            (1)使用空白或轻微的背景色来划分页面,而不要使用线条,因为使用线条会更多的吸引人的注意力。

            (2)如果要使用强调,使用其中一种强调方式就可以,不必又加粗,又放大,?#30452;?#25104;红色。

            (3)别使?#20040;?#40657;线,匀称,浅色的线更好。

            (4)减少元素样式的变化,例如在使用按钮样式时,最好只使用1种按钮样式,不要使用3-4种按钮样式。

            这里引用一下蚂蚁金服设计规范中的一条原则,小编认为是一个很好的总结:“人在处理信息、学习规程?#22270;?#24518;细节方面的能力是有限的。现实中,人可能还面临各种中断和打扰,这些都进一步限制了人的能力。界面中过多的小细节会增加用户的认知负担,删除那些可有可无的功能、多余的选项、冗余的文字、花哨的修饰,可?#32422;?#36731;用户的负担”。

            ? 组织 ?

            组织是简化设计最常见的一种方式,而且这种方式不用过多投入,只需要按照一些设计原则进行信息的重新组织就可以简化设计,这种设计策略不局限于使用在产品设计中,我们日常中?#19981;?#36935;到,例如?#20309;?#20204;平常用的电?#32422;?#30424;、洗衣机的控制面板、计算器的按钮等等。

            1.分块

            以微软的Word为例,其包含了数百项功能。为了便于管理,他们把这些功能组织到了9个菜单中,这些大大小小的功能通过分块,被组织成了清晰的层次结构,另外,分块的数量最好能控制在“7加减1?#20445;?#22240;为这是人的大脑中瞬间能够记住的最大数目,不过分块越少,肯定越好,因为分块越少,选择越少,记忆也就越少,用户负担越轻。

            2.围绕着行为进行组织

            在开始组织之前要先理解用户的行为,例如人们一般都希望按照某种特定的步骤做事情,打乱这个步骤就会让用户感到迷惑,所以要先想,他们想要做什么,继而先做什么,后做什么。

            3.?#33539;?#28165;晰的分类标准

            在对一组性质相同的产品(例如电商产品的分类)进行分类时,?#33539;?#28165;晰的分类标准对用户?#27973;?#37325;要,这样,用户才能明确到哪里可以?#19994;阶约合?#35201;的东西。

            4.按照格式来排序

            按照格式(文字、?#35745;?#35270;?#25285;?#26469;对内容进行排序,例如在豆瓣APP搜索时,列表的内容会按照小组、电影、影评等进行排序,这也是组织的一?#20013;?#24335;。

            5.时间与空间

            按照时间线来组织信息是一种简单又通用的方式,例如相册,另外也可以按照空间来组织信息也是一种简单的方式,例如你要规划一个?#39057;?#30340;网站,可以按照门岗、前台、餐厅、会议室、客房等,因为每个人都能够轻易的记住这些空间。

            6.大小和位置

            不太重要的界面元素应该小一些?#27426;杂?#30456;似的元素,要放在一起。

            7.感知分层

            伦敦地铁图包含了13条线300多个站点,为了防止信息混乱不清,使用了一种名为感知分层的技术,每条线?#33539;加?#19968;种不同的颜色表示,人们在无意的状态下,只会感知?#32422;?#20851;心的那条线路的颜色,将其他线路排除在意识之外,尽管各条线路交叉纵横。

            感知分层借助于颜色很容易实现,除?#25628;?#33394;之外,使用灰色阴影,大小缩放,甚至形状变化,都可以实现感知分层。

            8.色标

            色标?#20302;?#26159;随处可见的。例如文件?#23567;?#20132;通信号灯、仪表盘等,因为颜色是利用了人们的记忆原理,因此用户能快速理解。

            9.期望路径

            在描述用户的使用路径时,千万不要被?#32422;?#35268;划图中清晰的线条和整洁的布局所迷惑,多观察下用户在做同样的事情时的路径。

            ? 隐藏 ?

            隐藏也就是将使用频?#24335;?#20302;的功能隐藏的更深,在隐藏之前,我们需要知道哪些功能可以隐藏,哪些不能隐藏,如果这个不清楚的话,反而会降低用户的体验。

            1.哪些功能可以隐藏

            (1)事关细节(例如,对服务器进行配置或设计电子?#22987;?#30340;签名)

            (2)选项与偏好(例如,修?#24149;?#22270;应用程序的单位,由英寸改为厘米)

            (3)特定于地区的信息(例如,时间和日期等需要频繁自动更新的信息)

            2.隐藏的形式

            (1)自定义

            不太赞成让用户根据?#32422;?#30340;需求来自定义界面,因为这样会显得设计人员懒惰,没有主见,给用户?#32422;?#36873;择的权利,听起来很公平,但是问题在于自定义可能是一件?#27973;?#32791;费时间的问题,因此,自定义并不能解决问题,而?#20197;?#31616;化用户界面之前,必须对这个软件的各种各样的功能了如指掌。

            (2)自动定制

            根据用户的习惯来自动定制,例如?#20302;?#20250;给你一个默认菜单,你在使用这个菜单时,程序会记住你经常使用的命令,并对菜单自动调整,最终只显示你最常用的的命令,隐藏其他命令,看起来好像简化了设计,其实也有缺陷,

            例如很难保证默认菜单的准确性,因为每个人想要的东西都不一样。

            (3)渐进展示

            通常,一项功能会包含少数核心的供主流用户使用的控件,另有一些是为专家级用户准备的扩展性的控件,隐藏这些扩展性的控件是保持设计简单不错的选择。

            例如,当你点击文件的“保存”时,?#26434;?#20027;流用户应该先展示核心选项,如命名、保存到哪里,?#26434;?#19987;家级用户,可以单击扩展按钮,然后?#19994;?#26356;高级的选项,如创建新文件?#23567;?#24076;望在保存之前看看哪个?#25165;?#26377;空间等。

            (4)阶段展示

            除了在软件中的某个部分隐藏功能,还可以随着用户逐步深入界面而展示相应的功能,例如,用户一开始可能只会使用简单的文本框来搜索,如果找不到?#32422;合?#35201;的,还可以通过筛选和排序来寻找。

            (5)适时出现

            例如你在网页框选一个英文单词时,会出现一个问号图标,点击后会给出该单词的解释,这种设计的聪明之处在于它隐藏了功能,并?#19968;?#22312;你需要的时候在合适位置上出现该功能。

            3.如何做好隐藏

            (1)隐藏使用频率?#27973;?#20302;的功能

            (2)隐藏专家?#22534;?#39033;,但专家用户必须能够让这些选项始终保持可见

            (3)不可?#31185;?#25110;寄希望于主流用户使用自定义功能,不过可以给专家提供这个选项

            (4)巧妙的隐藏,就是首先需要彻底隐藏,其次是适时出现

            同时?#26434;?#38544;藏,小编建议可以参?#23478;?#19979;四象限表格来考虑。

            ?重要且高频的功能应该放在显眼并方便使用的位置

            ?重要但不高频的功能应该要适当隐藏

            ?不重要但高频的功能可以考虑做到方便使用的位置上面,不需要显眼

            ?不重要?#19994;推?#30340;功能需要隐藏得比较深

            ? 转移 ?

            以遥控器为例,只保留最常用的功能,例如播放和暂停,把其他功能转移到电视的控制菜单中去,就可以将复?#26377;?#36716;移到电视。

            1.在不同平台之间转移

            任何设备或者平台?#21152;兇约?#30340;长处和不足,因此,把某项任务的某些部分(如拍摄)转移到不同的平台上可能是一种更好的选择。

            2.用户最擅长于做什么

            像之前提到不同设备会有?#32422;?#30340;长处和不足,那么人和设备之间?#19981;?#26377;长处与不足,有些事情?#27973;?#24207;擅长的,就让程序去完成,如果不是,还是需要用户去完成,所以让用户感到简单设计的一个前提是,要先搞清楚把什么工作交给计算机,把什么工作留给用户。

            我来评几句
            登录后评论

            已发表评论数()

            相关站点

            +订阅
            ?#35753;?#25991;章
            陕西高频十一选五 安徽十一选五走势图 浙江十一选五任四奖金 福建体彩11选5复式10个 南粤风彩36选7推荐号码 冰球世锦赛 真人龙虎斗怎么玩才能赢 双色球蓝球共几个 通比牛牛网络棋牌技巧 彩票大奖得主曾质疑 中国福利彩票走势图 江西时时彩万能七 六合图库东方心经 浙江十一选五走势图任选码 17234历史记录 大西洋娱乐城信誉