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

简介: 本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.5节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

3.5 交互界面因素

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

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

恰当的功能布局亦能带来更好的操作体验。例如,使用iPhone的3D Touch功能时,用手指重按App图标后,弹出的功能菜单会根据图标在屏幕上的位置调整为向上或向下展开,此时菜单中功能项的顺序则会根据菜单展开的方向自动做相应调整,以确保最靠近手指的一项始终为菜单中的第一个功能(通常是设计者认为用户最常用到的功能)。
image

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

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

相关文章
|
UED
交互行为蹦失率研究,互联网营销
  上周我做了个有趣的测试,在一个抢票的活动页面中仅有1个按钮,顶端有一个返回主页。按照正常理论思维,用户能点就是这2个位置,不会点击其他的位置,因为没有意义。   然后经过2天,我提取到一些数据,分享一下:   是不是完全与我们想象的有很大差距呢?   虽然购票按钮是最大热区,不过蹦失的鼠标点击行为也有很大一部分,真是太浪费了。
625 0
|
Web App开发 安全
《伟大的小细节:互联网产品设计中的微创新思维》——3.1 设身处地为用户考虑
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.1节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1252 0
《伟大的小细节:互联网产品设计中的微创新思维》——2.2 必经流程简化
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.2节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1363 0
《伟大的小细节:互联网产品设计中的微创新思维》——第3章 3.0场景化设计
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.0节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1228 0
《伟大的小细节:互联网产品设计中的微创新思维》——3.4 身份特征与使用习惯因素
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.4节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1109 0
《伟大的小细节:互联网产品设计中的微创新思维》——第2章 2.0用户行为预判
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.0节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
958 0
|
iOS开发
《伟大的小细节:互联网产品设计中的微创新思维》——3.3 位置环境因素
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.3节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1168 0
|
Web App开发 UED
《伟大的小细节:互联网产品设计中的微创新思维》——
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.1节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1111 0
《伟大的小细节:互联网产品设计中的微创新思维》——导读
西方有句谚语叫“魔鬼在细节中(The devil is in the details)”,既可以理解为细节决定成败,恰似我国古语“不积跬步,无以至千里”,小创新实现大成功;又可以理解为陷入细节必将导致失败,恰似我国古语“一叶障目,不见泰山”,只关注细节而忽视对全局的掌控。
1298 0
|
Web App开发
《伟大的小细节:互联网产品设计中的微创新思维》——2.3 预期操作权衡
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.3节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1210 0