移动UI中有效的障碍设计方案

　　摘要：随着科技发展，App成为发展势头最好的产品，随之拉动了UI设计、程序设计等一系列新兴行业的发展。但现阶段UI设计中障碍设计被重视的程度不高。本文以人因工程相关知识为基础，就UI设计中的障碍设计进行探讨。

　　关键词：人因工程； 移动UI; 障碍设计； 限制性设计；

　　1 障碍设计概览

　　1.1 障碍设计的定义与目的

　　障碍设计又被称作限制因素、限制性设计，指的是通过故意设计出的不便来阻碍或打断使用者的操作，从而起到限制、提醒、警示作用。被打断的操作通常具有快速、习惯、冲动等特点且会造成不良后果。

　　障碍设计与无障碍设计、设计心理学、人因工程设计等领域相关。相较于着力提高用户使用体验的无障碍设计和人因工程设计，障碍设计鲜少被人注意。其目的并非是给人以更好的操作体验，而是通过人为设置的障碍来守护使用者的生命财产安全、保证集体利益、维护社会秩序。形象来说，无障碍设计与人因工程的目的是让使用者的体验更加顺滑自然，而障碍设计则需要在关键时刻打断这种顺滑自然以防止不良后果的发生。

　　常见的障碍设计包括红绿灯、减速带、儿童难以开启的药瓶、只能勉强坐下的公交站候车椅、设置密码时的二次输入等。不太常见的还有难以停止的闹钟、枪械的保险、手榴弹的拉栓等。

　　1.2 障碍设计的必要性与面临的挑战

　　障碍设计于当代生活的必要性与其应用范围之广往往超出很多人的预期。减速带、安全药瓶作为障碍设计的典型产品，其实用性不言而喻，没人喜欢障碍，但为了安全与秩序，障碍设计已经成为了必须。

　　现代社会越来越追求速度和效率，在快速的工作生活中容易发生忙则生乱的情况，所以在重要的环节进行一定的障碍设计十分必要。但障碍设计最大的挑战也来源于"快":如何在舒适流畅的使用体验和足够明显、有效的障碍中寻找平衡点。障碍太少因为各种原因导致的不良后果势必会增加，障碍太多会降低工作生活的效率，影响使用者的体验，得到的直接后果是对产品的评价降低甚至弃用。探索使用者对障碍的感知阈值（低值）和忍耐极限（高值）是一个重大挑战也是一个必要环节。

　　2 移动UI特点分析

　　UI是User Interface（用户界面）的简称，UI设计是对各类电子产品人机交互的重要部分用户界面进行设计。移动设备UI设计是随着近年来的技术突破实现的设备小型化而诞生的新方向，移动UI的特点由移动设备的属性决定，包括以下几点：

　　信息精简。移动设备较小的屏幕决定了移动UI不能像PC端UI一样在同一页面上显示大量的信息，例如标题下的内容预览、更多的选项等。页面需要用足够大足够醒目又较少的字符或图案来表示信息。

　　块面大。相较于PC端的鼠标精确点击，移动端设备的交互媒介是屏幕和手指，其准确性和被手指遮挡部分内容的情况不能不被考虑，足够大的点击范围和显示范围是移动端符合人因工学的通用解决方案。这势必会进一步影响移动端页面的内容容量。

　　层级多。移动端虽然在显示上简单于PC端，但内容和功能上却不能缺斤少两，这就决定了移动端要用深度来换取宽度。它包括更多的大分类与子菜单，PC端UI一个页面囊括的内容通常在移动端上要分为4个以上的平行层级。在如何满足用户快速找出自己想要内容的需求和如何在一个页面上放入尽量直观简洁内容之间寻求平衡，如何在一个页面中放入尽量多的内容和追求页面简洁易读易操纵之间寻求平衡是移动UI设计的重要思考方向。

　　3 移动UI障碍设计

　　在移动UI的设计中，障碍设计是不可或缺的组成部分。在移动UI中用户因为直接使用手指与屏幕交互，相对于PC端舒适度和自然感更强，快速的操作和习惯性的操作变得更多，所以移动UI中的障碍设计主要针对防范误操作和强调信息两方面。另外，如何在障碍程度与流畅程度之间寻求平衡也是移动UI中障碍设计的重要组成部分。

　　3.1 误操作

　　在日常使用中，移动设备常见的误操作通常是由过于复杂的操作流程和过于简单的操作流程引起。过于复杂流程引起的误操作解决方法通常是简化流程，而要处理过于简单流程引起的误操作则需更加复杂一些，对其障碍设计时要包括以下几点的考量。

　　3.1.1 误操作引起后果的严重程度

　　在移动设备的使用中误操作种类多原因杂，不使用时在口袋中的误触、使用时手指或手掌的误触、机械重复动作时的失误等都是误操作的行为。而障碍设置需要对不同种类误操作所造成的后果进行思考，究竟需不需要障碍设计、需要什么程度的障碍是移动UI障碍设计的重要思考内容。举四个例子来说，分别是误拨电话、误关闭或重启手机、误删照片、误汇款转账，其后果严重性依次增加。首先就最严重的误汇款转账来说，障碍设计是最多且程度最深的，需要手机银行登录密码、取款密码、指纹、短信验证码等多种验证手段一起使用。手机金融类软件UI中的障碍设计目的不仅是防止误操作，还承载着重要的信息提醒功能。第二是误删照片，移动UI设计对于误删照片的障碍设计包括确认界面和最近删除文件夹两种，值得一提的是在现在流行的UI方案中，删除时的确认键和取消键与系统中其他确认取消窗口布局相反，在障碍中设置障碍，从而最大程度的杜绝用户出于操作惯性所造成的失误删除。第三是手机的误操作关机和重启，智能设备的电源、锁屏键都放在机身侧面，且设备体积越来越大，在口袋中容易因为挤压引起长按，长按锁屏键是表示关机和重启的操作逻辑，但由于手机开关通常不会造成什么后果，大多数UI方案便仅在屏幕上增加一个确认选项，设计的障碍程度很轻。最后是误拨电话，拨打电话依然是移动设备的核心功能，拨打电话的复杂程度是最低的，但用到的频率相当高，这就决定了拨打电话这一操作几乎不需要障碍设计，所以在拨号时没有障碍设计也不能有障碍设计，虽然误操作并不算少，但打错了挂了重打便是。

　　3.1.2 重复动作的频率

　　重复操作在移动端上并不常见，多见于PC端的操作中，清理相册便是重复操作的一种，在此探讨长页面的滑动这一情况。

　　移动端UI因为界面大小的缘故，窄而长的内容排布被广泛使用，这也带来了定位麻烦复看困难的问题。试想在手机上观看一篇很长的文章，看了一半却不小心触碰到返回键，再次打开时发现界面停留在文章的开头，再以不必要的重复划动来找到自己刚才看到的地方。有耐心的人为自己的误操作而懊恼，耐心欠缺者可能会放弃继续阅读。这便需要障碍设计的帮助。微信的公众号系统有其独特代码的支撑，可以实现"断点续读"功能，但大多数移动端页面没有这种功能，若在阅读长文返回时增加一个作为障碍的确认窗口，便能有效避免这类情况发生。至于短的文章便不需要加入，最大化的避免影响用户的使用体验。

　　3.2 强调信息

　　现在UI中用于强调信息的提示栏、弹窗泛滥。原本为了保护系统安全、提供重要信息的障碍设计被滥用，移动端因为系统生态相对独立尚好一些，在PC段大量的弹窗、提示、广告出现，真正重要的提示信息被埋没，更有甚者将无关信息的外观样式伪装成重要信息的样式以引起关注。这大大减弱了障碍设计在强调信息上的作用，被滥用被污染的障碍设计成为了真正的障碍。因为广告频繁出现，用户对于此类提示容忍度很低，所以在移动UI的障碍设计中用于强调信息的障碍设计应该更加谨慎。

　　3.3 发展展望

　　设计的原则是以人为本，障碍设计自然也要服从原则。障碍设计以人因工程理论为支撑并反其道而行之，通过适当的阻碍来优化整体。移动UI设计中的障碍设计尚未有太多研究成果，研究前景广阔。移动端设备的发展伴随着智能化的浪潮，智能化的大数据技术将对移动UI的用户使用习惯、使用反馈等数据的收集提供得天独厚的优势。通过大数据技术，未来的移动UI设计和移动UI中的障碍设计将会向私人定制化发展，定制化方案可能会由系统根据个人的使用习惯，以大数据为参考，通过算法生成而非人工设计。让未来的UI从"满足大多数人"到"满足每一个人",让未来的障碍设计自动的根据每一个用户的使用习惯设计出最合适有效的障碍设计方案。

　　参考文献

　　[1]张肖。限制性设计理论架构研究[D].武汉理工大学，2007.

　　[2]成建刚。产品障碍设计方法研究[D].南京航空航天大学，2008.

　　[3]王鹏，陈炳发。人机驱动的产品创新设计研究[J].机械制造与自动化，2015（5）：212-215.

　　[4]袁华。互联网产品交互设计中语意限制因素的应用[J].美术教育研究，2015（15）：92-93.

　　[5]杨洁。智能手机APP用户界面设计的行为逻辑思维[J].包装工程，2018（22）。