2.2.2 符合用户操作习惯
当我们运用约定俗成的设计习惯时,我们同样也将它逐渐加深灌输给我们的用户。图形用户界面设计中那些通用设计习惯能够帮助用户做决策。比如颜色加下划线的文本,用户知道点击后将进入相关内容的界面。这节约了学习时间成本。能让用户更快的找到他们想要的。类似的模式也存在于一些特定的设计中。如果我们在标题后加上纹理,用户会联想到两点:用户下次看到这个纹理,他们预期这个选项和之前选项有着相同的重要性或意义。设计中运用这些设计模式能够帮助用户基于之前的经验做决策。
用户这种对文字及经验的先入为主,也是一个遵循内容为首位的设计的很好理由。当然,这种设计方法是完全合理的。在这个搜索引擎排名和社交广告的时代,许多用户都是先进入充满文字的页面,而不是一个网站的主页。人类大脑在处理多项看起来相似或杂乱而毫无逻辑的选择时比较困难,除非某个选项特别突出。当你的设计充满控件和次要内容时,主要内容就减弱了,并且将更多的选择强加给了用户。所以消除干扰应该在从这里就开始,且应该贯穿整个设计过程。我们消除的选项越多,用户体验就更加流畅。
2.2.3 参考用户行为模式
当用户在界面中看到图片时,显示完全并且排列整齐的图片会让人觉得所有图片信息已经呈现在界面可见范围之中了,这是用户已经形成的行为认知。而当我们不想在界面中平铺排列图片信息时,我们会使用轮显、卡片式等手法。猫眼电影APP主页上,发布电影时,由于影片数量很多,一次完全铺开又影响用户阅读,则会使用轮显方式。当用户看到半张图片时,符合他们的认知,他们一眼就能明白需要向左拖动图片查看后面的图片信息。这样参考了用户行为模式,减少在页面中列出所有信息(见图2-2-3 猫眼电影APP主页)。
图2-2-3 猫眼电影APP主页
2.2.4 避免设计风格单一化
当所有的内容按照席克定律减少到一定地步,会产生相同的内容构架树状图,某一类的APP就会形成相同的层级和选项,最后导致界面的内容几乎一致,而风格也趋于相似。携程与去哪儿的APP界面,内容结构几乎相同,连按钮设计风格都一样(见图2-2-4 携程与去哪儿APP主页)。
图2-2-4 携程与去哪儿APP主页
3. 席克定律在图形用户界面设计中实现的手段
3.1 控制层级与选项的平衡
在克鲁格的《Don’t make me think》一书中写道“善用面包屑导航,让用户知道“你从这条路过来的”,这样可以实现各层级的跳跃。”
试想一下,两个层级,每一级五个选项;三个层级,每一级四个选项;四个层级,每一级三个选项;一个层级,每一级是个选项。这几种层级关系的信息表达方式,你更倾向于哪一种?哪一种用户体验最好?席克定律除了告诉我们要减少选项之外,更是应该达到不同的层级和同一层级不同选项的关系的平衡。
3.2 统一同层级并列项
3.2.1增强同层级并列项的逻辑性
在图形用户界面设计中,很多时候如果你的功能不能让用户一眼就看明白,还需要解释的话,那么你这个功能就做失败了。做法可以是减少按钮和选项,让使用更简洁。减少席克定律中的选项,下决定的时间也就越少,只有一个选项时人们就会最快反应根据这个选择去做。
在微信摇一摇功能界面中,主界面上的内容只有一个图标,就算儿童也能根据指示毫不犹豫的摇起来(见图3-2-1 微信摇一摇界面)。
互联网已经是信息爆炸的时代了,如何从这些里面找到自己想要的,尤其是现在小屏幕设备流行,致使我们更需要减少过度繁杂元素的交互界面设计,让信息更直观的展示。而更加直观的表达方式,让用户能更准确的使用体验,不用在去为这里要怎么操作而苦恼了,让用户有一个更好的用户体验。
图3-2-1 微信摇一摇界面
3.2.2 统一同层级并列项的设计风格
在支付宝APP首页中,并列项的icon的设计风格都是一致的,栅格的排列方式、类似的图标造型、系列的用色都让用户从第一眼就觉得赏心悦目,就算长时间停留在上面也不会觉得太过视觉疲劳。依照席克定律,每个icon做的精致但也考虑到屏幕大小,并不会做的太过复杂或者一个就色彩斑斓。而是一整套设计融为一体(见图3-2-2 支付宝首页)。
图3-2-2 支付宝首页