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

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

3.5 交互界面因素

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

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

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

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

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

相关文章
|
机器学习/深度学习 算法 JavaScript
密码学系列之四:一文搞懂序列密码
密码学系列之四:一文搞懂序列密码
1866 0
|
canal 存储 数据可视化
一文详解 Canal Instance 设计理念与定制开发思路
一文详解 Canal Instance 设计理念与定制开发思路
一文详解 Canal Instance 设计理念与定制开发思路
|
存储 关系型数据库 MySQL
MySQL索引失效及避免策略:优化查询性能的关键
MySQL索引失效及避免策略:优化查询性能的关键
864 3
|
Python
按条件将Excel文件拆分到不同的工作表
使用Python的pandas库,可以轻松将Excel文件按条件拆分到不同的工作表中。本文通过一个示例代码展示了如何生成一个包含总成绩表和三个班级表的Excel文件。代码首先创建了一个包含学生姓名、班级和各科成绩的数据框,然后按班级分组,将每个班级的数据分别写入不同的工作表。最后,生成的Excel文件将包含四个工作表,分别为总成绩表和三个班级的成绩表。
326 6
按条件将Excel文件拆分到不同的工作表
WK
|
数据安全/隐私保护
QLineEdit
QLineEdit是Qt框架中的单行文本输入框控件,支持文本输入、占位符、密码模式、输入限制等功能。常用成员函数包括设置文本、占位符、显示模式、最大长度等。提供多种信号,如文本变化、编辑、回车等。支持添加动作和清除按钮,可定制样式,适用于登录、搜索等场景。
WK
644 0
|
程序员 索引
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
1551 0
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
关于游戏背景图的调整,读这篇文章就够了
嗨!大叫好,我是小蚂蚁。最近看有很多问关于游戏背景图的问题,是该选择适应还是选择拉伸?是该适配宽度还是适配高度?不想要背景图去自动适配,想要自定义怎么办?这篇文章就分享一下与调整游戏背景图有关的那些事儿。
557 0
关于游戏背景图的调整,读这篇文章就够了
|
XML 开发框架 API
【Qt 学习笔记】QWidget的windowTitle属性 | windowIcon属性 | qrc文件机制
【Qt 学习笔记】QWidget的windowTitle属性 | windowIcon属性 | qrc文件机制
1075 1
|
存储 监控 测试技术
Agent Workflow
【6月更文挑战第25天】
1195 3