《伟大的小细节:互联网产品设计中的微创新思维》——3.5 交互界面因素

3.5 交互界面因素

在一个特定的操作环境下,若某一项功能会被同一个界面中的其他元素干扰,在设计细节时就可以尽量避免这些因素的干扰,优化使用体验。另外,恰当地做好页面布局,也能达到提升用户体验的效果。
当我们使用手机时,从一个较亮的环境转到一个较暗的环境,屏幕会一下子显得太亮、太刺眼,需要调节屏幕亮度,一般情况下的习惯操作是退出当前App,找到系统设置,调节屏幕亮度,然后再打开刚刚在使用的App,可这时很可能发现亮度调节并没有达到自己预期的效果,又不得不再重复一遍以上操作。MIUI的亮度调节功能考虑到了这一场景,在系统下拉工具栏的下方设计了一个亮度调节条,可直接调节屏幕亮度,用户滑动调节亮度时,会隐藏整个工具栏除亮度调节条以外的其他功能按键,直接以当前界面为背景调节亮度,调节效果所见即所得!
《伟大的小细节:互联网产品设计中的微创新思维》——3.5 交互界面因素

在用网页观看视频时,偶尔也会想看看视频的相关评论,此时就需要将网页往下拉,要么暂停视频以免错过精彩内容,要么不暂停视频只听声音。有没有既可以看评论,又不影响看视频的设计方案?当然有,使用弹幕!但毕竟还有一部分用户并不习惯使用弹幕。在YouTube、优酷的视频网页上,用户将视频播放器滚动出浏览器可视范围之外后,页面上会保留一个小的播放窗口,并一直悬浮在右下角,这样既方便查看评论,又不影响观看视频。
《伟大的小细节:互联网产品设计中的微创新思维》——3.5 交互界面因素

恰当的功能布局亦能带来更好的操作体验。例如,使用iPhone的3D Touch功能时,用手指重按App图标后,弹出的功能菜单会根据图标在屏幕上的位置调整为向上或向下展开,此时菜单中功能项的顺序则会根据菜单展开的方向自动做相应调整,以确保最靠近手指的一项始终为菜单中的第一个功能(通常是设计者认为用户最常用到的功能)。
《伟大的小细节:互联网产品设计中的微创新思维》——3.5 交互界面因素

iOS 7及以后版本有一个润物细无声的细节设计:在非锁屏状态下,iPhone 顶部状态信息栏(信号、运营商、信号类型、时间、屏幕旋转、蓝牙、闹钟、定位、电量等)是要比锁屏状态下小的。在非锁屏状态下,时间信息显示在顶部状态信息栏正中间,而在锁屏状态下,时间信息在屏幕最显眼的位置放大显示,还追加了日期(包括公历和农历)、星期信息。这样用户在锁屏状态下就可方便地查看时间、日期、信号、信号类型、定位、电量等信息,其中时间信息最为一目了然。
《伟大的小细节:互联网产品设计中的微创新思维》——3.5 交互界面因素

很显然,如果一个细节创新需要考虑交互界面因素,那就意味着这个细节创新处于一个特定交互界面之中,是这一交互界面的有机组成部分,所以不适合拿出来成为一个独立的功能界面,例如,iPhone没必要专门设计一个界面用以显示网络状况或蓝牙连接情况。此类细节创新,简单点说就是如何处理好创新功能与处于同一交互界面的其他功能的关系。做好此类细节创新的关键心法有两条:其一,界面中各元素互不干扰,有条不紊,这种互不干扰也可能是动态的,即用户不执行什么操作时,各个元素不相干扰,但是执行某项操作时,其他功能可能对其形成干扰,此时需要做的细节创新就是消除此类干扰或者将干扰的影响降到最低;其二,各功能模块之间是有主次之分的,对于重要的功能要突出显示(如更大的操作面积、更方便的操作路径、更醒目的颜色和字号等),但这种主次也应该是动态的,随着场景的变化,各功能的优先级也会发生变化,此时就要做到需要突出的时候醒目显示、不需要突出的时候淡化显示。