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

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

3.5 交互界面因素

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

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

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

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

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

相关文章
|
2月前
|
测试技术 UED 开发者
软件测试的艺术:从代码审查到用户反馈的全景探索在软件开发的宇宙中,测试是那颗确保星系正常运转的暗物质。它或许不总是站在聚光灯下,但无疑是支撑整个系统稳定性与可靠性的基石。《软件测试的艺术:从代码审查到用户反馈的全景探索》一文,旨在揭开软件测试这一神秘面纱,通过深入浅出的方式,引领读者穿梭于测试的各个环节,从细微处着眼,至宏观视角俯瞰,全方位解析如何打造无懈可击的软件产品。
本文以“软件测试的艺术”为核心,创新性地将技术深度与通俗易懂的语言风格相结合,绘制了一幅从代码审查到用户反馈全过程的测试蓝图。不同于常规摘要的枯燥概述,这里更像是一段旅程的预告片,承诺带领读者经历一场从微观世界到宏观视野的探索之旅,揭示每一个测试环节背后的哲学与实践智慧,让即便是非专业人士也能领略到软件测试的魅力所在,并从中获取实用的启示。
|
4月前
|
安全 定位技术 UED
潮玩宇宙大逃杀游戏系统开发规则详细/成熟技术/案例设计
潮玩宇宙大逃杀开发涵盖概念设计、场景地图构建、角色装备规划、大逃杀机制、多人对战、资源管理、进度排名、UI/UX、防作弊与安全,及持续更新维护。需调整细节满足项目需求,强调团队合作、测试优化以保稳定性和趣味性。
|
4月前
|
测试技术 网络安全 Python
在可视会议系统工程中,系统工程方法可以帮助我们系统地规划、设计和实现一个高效、可靠的可视会议系统。
在可视会议系统工程中,系统工程方法可以帮助我们系统地规划、设计和实现一个高效、可靠的可视会议系统。
|
6月前
|
新零售 人工智能 大数据
推三返一互助系统开发|成熟案例|模式分析
他们更重视购物过程体验,希望与品牌商及零售商建立交易关系之上的信任感和亲密感
|
移动开发 数据可视化 信息无障碍
|
UED
交互行为蹦失率研究,互联网营销
  上周我做了个有趣的测试,在一个抢票的活动页面中仅有1个按钮,顶端有一个返回主页。按照正常理论思维,用户能点就是这2个位置,不会点击其他的位置,因为没有意义。   然后经过2天,我提取到一些数据,分享一下:   是不是完全与我们想象的有很大差距呢?   虽然购票按钮是最大热区,不过蹦失的鼠标点击行为也有很大一部分,真是太浪费了。
650 0
|
Web App开发 安全
《伟大的小细节:互联网产品设计中的微创新思维》——3.1 设身处地为用户考虑
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.1节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1291 0
《伟大的小细节:互联网产品设计中的微创新思维》——3.4 身份特征与使用习惯因素
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.4节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1144 0
《伟大的小细节:互联网产品设计中的微创新思维》——2.2 必经流程简化
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.2节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1395 0
《伟大的小细节:互联网产品设计中的微创新思维》——第3章 3.0场景化设计
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.0节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1275 0