<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. 交互设计原则分析

            系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。

            例一:当用户点击按钮后,由于网络速度等因素加载过慢时,给用户明确展示出按钮处于加载的状态,如果不这样做,用户就会迷茫、不知所措,自己明明点击了按钮却没有反应,这样就会出现反复点击的情况,从而降低用户的好感度。

            例二:该界面中的日期选择,选定的日期底色为绿色高亮显示,让用户清晰明了的知晓当下选择的日期,与此同时当天的日期运用绿色的描边圆来显示,提示用户当前日期。以及其标签栏的中当前页面图标高亮,其他图标熄灭,是告诉用当前所在页面,也是运用了状态可见原则。

            2:环?#31243;?#20999;原则(Match between system and the real world)

            软件系统应该使用用户熟悉的语言、文字、语句,或者其他用户熟悉的概念,而非系统语言。软件中的信息应该尽?#21051;?#36817;真实世界,让信息更自然,逻辑上也更容易被用户理解。

            例:依然以这个页面为例,在给改按钮定字段时它完全可以定为“签到?#20445;?#20294;实际运用中是通过扫二维码来签到的,故运用“扫码签到”更贴合实际运用场景;且签到是该应用的核心功能,故该按钮重量级相对其他元素要大;对用户而言这种设计是非常友好的,首?#20154;?#21487;以一眼?#19994;?#26680;心功能,其次通过字面意思就可以知晓该如何操作。

            3:用户可控原则(User control and freedom)

            用户常常会误触到某些功能,我们应该让用户可以方便的退出。这种情况下,我们应该?#36873;?#32039;急出口”按钮做的明显一点,而?#20063;?#35201;在退出时弹出额外的对话框。很多用户发送一条消息、总会有他忽然意识到自己不对的地方,这个叫做临界效应;所以最好支持撤销/重做功能。

            例一:该页面中关注房源的图标按钮就是可以用户自行操作,如果误操作关注了自己不想关注的房源,用户就可以再次点击图标按钮取消关注。

            例二:钉钉支持撤回所发的信息。这一功能对于经常手误的用户比较实用,给他们提供了补救的办法。这就是用户可控原则。

            4:一致性原则(Consistency and standards)

            对于用户来说,同样的文字、状态、按钮,都应该触发相同的事情,遵从通用的平台惯例;也就是,同一用语、功能、操作保持一致。软件产品的一致性包括以下五个方面:

            (1)结构一致性:保持一种类似的结构,新的结构变化会让用户思考,规则的排列顺序能减轻用户的思考负担;

            例?#21512;?#22270;所示功能项的展示方式均为辅助图标加功能文字描述,统一的结构、统一的布局方式,让用户在始终熟悉的感觉?#32511;?#39564;着产品的不同功能点。

            (2)色彩一致性: 产品所使用的主要色调应该是统一的,而不是换一个页面颜色就不同; 例:

            该产?#20998;?#33394;调是绿色的,因而不同页面的图标颜色与界面的主色均为绿色,也包括其中一些标签和强调的文字颜色都是绿色,整个界面除了?#35745;?#22806;,都通过灰、白、绿色来呈现,界面保持了很好的一致性,这就是色彩一致性原则。

            (3)操作一致性:

            能让产品更新换代时仍然让用户保持对原产品的?#29616;?#20943;小用户的学习成本;

            例:各个app中返回上一级的返回按钮都在左上角,点击这个箭?#26041;?#34892;返回操作。这一标?#23545;?#29992;户群中已经达成了共识。

            (4)反馈一致性:

            用户在操作按钮或者条目的时候,点击的反馈效果应该是一致的;

            例:大多数app中一般情况下,下拉都是刷新的反馈,都会出现刷新loading,体验相当一致

            (5)

            文字一致性:产?#20998;?#21576;现给用户阅读的文字大小、样式、颜色、布局等都应该是一致的;

            例:该页面中框选的文字大小、颜色、布局的样式都一样,?#22303;?#23383;段长度都一致。这样用户在运用过程中就会有一定的熟悉感,降低学习成?#23613;?

            5:?#26469;?#21407;则(Error prevention)

            比一个优秀错误提醒弹窗更好的设计方式,是在这个错误发生之前就避免它。可以帮助用户排除一些容易出错的情况,或在用户提交之前给他一个确?#31995;?#36873;项。在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。

            例一:当用户?#22659;?#26576;些信息时,给出再次确?#31995;?#24377;窗,防止他误操作?#22659;?#26576;些重要信息。

            例二:很多应用上都会在用户退出登录时弹出确?#31995;?#31383;,以此来防止用户误操作退出应用造成的一系?#26032;櫸场?

            6、易取原则(Recognition rather than recall)

            通过把组件、按钮及选项可见化,来降低用户的?#19988;?#36127;荷。用户不需要记住各个对话框中的信息。软件的使用?#25913;?#24212;该是可见的,?#20197;?#21512;适的时候可以再次查看。

            例:该界面展示的为会务的消息列表,?#21051;?#20250;受到很多回复发布或更改的消息,用户当然不想每次都进入会务详情页才能看?#20132;?#21153;的核心内容了,因而在展示新发布的会务时,列出来名称、时间、地点这上核心内容;而更改的会务将更新的项标红显示,其实这里是有问题的,被更改的会务在列表里总有一项用户想知道核心内容看不到(要么是时间要么是地点),这点体验不太好。

            7、灵活高效原则

            这个原则就是告诉我们每个产品针对的用户不可能是所有用户,都会有自己的适用人群,我?#20999;?#35201;针对主要的用户去设计,而不能仅仅为了一小部分用户进行极端设计,满足大部分用户的使用需求才是最重要。中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效,为大多数用户设计,兼容少部分特殊用户。汽车油门—新手用户常常看不见,而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。

            例?#21512;?#35813;页面中房源信息默认所类型的都显示,如果用户只想?#21019;?#35270;频的,那么其他的对用户而言就是无用的,同时这些无用的还会占用用户大量的浏览时间,这是一种浪费,像现在的这种设计就可以让用户快速高效的获取他想要的有效信息。

            8、优美且简约原则(Aesthetic and minimalist design)

            对话中的内容应该去除不相关的信息或?#36127;?#19981;需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉。

            例?#21512;?#36825;个退出登录确?#31995;?#26694;,没有任何废话,言简意赅,让用户一目了然。

            9、容错原则(Help users recognize, diagnose, and recover from errors)

            错误信息应该使用简洁的文字(不要用代码),指出错误是什么,并给出解决建议。也就是在用户出错时如何为出错的用户提供及时正确的帮助呢?#32771;?#35201;帮助用户识别出错误,分析出错误的原因再帮助用户回到正确的道路?#31232;?#22914;果真的不能帮助用户从错误中恢复,也要尽量为用户提供帮助让用户损失降到最低。

            例:这个登录页面的填写项是允许用户出错的而且它会提示用户怎?#21019;?#20102;,让用户很清晰如何纠正,避开误区,像?#25226;?#35777;码已失效?#20445;?#23601;明确的告诉了用户之前的验证码已经失效了,不要再重复填写了,获取新的验证码再填。

            我来评几句
            登录后评论

            已发表评论数()

            相关站点

            +订阅
            ?#35753;?#25991;章
            陕西高频十一选五