童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

在无线产品中,一些普适的交互设计原则及实践

9月9日 桃花醉投稿
  本文作者将逐条列出其总结的无线产品设计领域应当遵循的的一些基本原则,并在每条原则下辅以实例说明以便理解。
  开始正文之前,再次明确一下什么是交互设计,我认为交互设计可以狭义理解为人与设备或系统交流以便完成特定任务的过程。可以看到这则简单定义里交互设计至少包含两方参与者,即人与设备(或系统),例如:人可以是男人、女人、老人、小孩、学生、白领等等系统或设备可能是手机、电脑、手表、电视、冰箱、门、窗等任何物品。本文中所指的交互设计的双方参与者粗略的界定为智能手机的主流用户(熟悉一般智能的手机的使用)和智能手机:
  智能手机的主流用户:有智能手机的多年使用经验,已使用过多部智能手机,熟悉系统的常规操作方式,对多数主流应用都有过使用经验
  智能手机:拥有较为复杂的智能操作系统,相对强大但一般低于PC的运算能力,集成多种芯片或外设(如GPS、陀螺仪、扬声器、麦克风、蓝牙、闪光灯等等)
  如孙子兵法说道为术之灵,术为道之体;以道统术,以术得道。本文将逐条列出我总结的无线产品设计领域应当遵循的的一些基本原则,并在每条原则下辅以实例说明以便理解。
  原则一:尽量减少让用户输入文本内容次数
  现在的智能移动设备多无实体按键,文本键入效率不高,频繁要求用户输入文本内容无疑将增加用户使用成本。好的交互设计应尽可能少的要求用户键入文本内容。
  方式1:使用滑动或点击代替输入字符验证码:这类校验的主要目的是确定执行登录或注册的是人而非破坏程序,在满足目的的前提下以下几种验证方式能够减轻用户操作的复杂度
  图1咸鱼的安全校验
  图2人人都是产品经理网站的注册过程中的拼图式验证
  图312306的点击验证
  方式2:注册不做密码校验(少一次输入),并支持输入密码明文显示。传统的密码校验是为了避免用户实际输入的密码与期望不一致,导致无法登陆。
  早期的互联网账号往往要求有各自的用户名和密码,密码一旦忘记找回成本非常高。
  而近年来随和手机和邮箱的普及,忘记密码后的找回成本已大大降低,所以即便出现了实际输入的密码与期望不一致的情况也很方便的便可重设密码。
  且因为手机相对于电脑,其隐私性更高,所以对于大多数用户而言注册仅输入一次密码且支持明文回显可提高用户注册过程效率。
  图4Keep的明文密码
  方式3:自动读取短信获取短信验证码:短信验证码的目的是验证用户填写了真实的手机号码,而应用自动读取短信并填写验证码在不违背此目的的前提下减轻了用户操作复杂度。这个功能曾经流行过一段时间,但现在很少能够看到了,推测原因可能是系统升级后有所限制或出于某些安全方面的原因考虑,但如若仅从交互设计上考虑,这仍是一个有效的提高用户效率的方法。
  方式4:解锁使用手势、指纹而非字符密码,对于大多数的二次身份验证型场景如登录用户解锁屏幕来说,并不需要文本密码那样高级别的保密形式,而手势密码则可较好的在解锁便捷性与保密上取得折中。而指纹密码则优势更加明显保密系数更高,授权操作更简洁,只是它需要依赖更多的硬件支持,而指纹硬件现阶段普及程度有限。
  图5支付宝的手势解锁
  图6微信的指纹支付
  方式5:将大段的必须录入的文字内容转移到PC端,如求职产品新用户在无线端填写个人简历时,可将其引导到PC端进行操作(交互设计四策略策略)。
  原则二:多考虑手势操作,避免功能即按钮的设计
  相较于电脑而言,手机的屏幕空间十分有限,而目前手机端产品所提供功能的全面程度却与PC端程序相差无几,而如若将这些功能全部显示在手机几寸大的小屏幕上,可能很多控件的可操作性会变得很低,这个时候应当考虑使用一些通用的手势代替界面上的控件。
  方式1:视频播放工具在全屏状态下左侧区域上下滑动调节屏幕亮度,右侧区域上下滑动增减音量,左右滑动快退或快进。示例:手机暴风的视频播放界面。
  方式2:点击阅读工具型产品文本内容显示区域左侧向前翻页、右侧向后翻页区、中间区域显示已隐藏的更多操作或工具栏。示例:京东阅读的文章阅读界面。
  方式3:人人都是产品经理可在文章末尾继续向上滑动时切换到下一篇文章。
  方式4:36氪在文章末尾继续向上滑动返回到文章列表。
  方式5:凤凰网图片浏览时左右翻页、向上滑动返回文章列表。
  原则三:尽量选择符合系统的既有使用习惯交互形式
  虽然有一些创新的交互方式确实带来了使用效率上的提升,甚至被系统借鉴,但在在对标新立异的设计没有足够信心的情况下还是应该遵守系统已有的交互设计形式。因为用户在面对新功能时往往习惯使用原有的思维模式和使用方式来尝试使用它,如果功能能够按照系统交互形式进行设计,将能够大大降低用户的学习成本,并大大提升用户在尝试过程中的成就感。
  方式1:向左滑动列表项展示更多操作(标记、删除等)
  图7IOS向左滑动显示操作
  图8支付宝账单向左滑动显示更多操作
  方式2:点击状态栏回顶部,IOS系统中在列表页面点击顶部的状态栏(运营商时间电池用量)可以返回到列表开始位置。
  原则四:充分考虑利用外设硬件提升体验
  方式1:闪光灯可用做照明示例:ofo的手机端解锁页面提供了照明功能(此功能可进一步优化为通过感光元件获知环境光线明暗,自动开启照明)。
  图9ofo开锁界面的照明功能
  方式2:O2O产品一般非常看重其推荐体系的推荐精准性,而常见的推荐模式一般分为两类,即按照用户喜好接近程度进行推荐和按照用户喜好元素与商家具备元素的匹配程度进行推荐。前者判断用户喜好程度的标准一般需要根据用户行为来定义,而到店消费无疑是应该给予分数较高的一种行为,那么怎样识别用户确实到店消费了呢?常规办法可能看用户是否有过支付记录,然而并非所有的用户都会在O2O平台进行支付,那么这个时候通过判断用户是否接入过合作商家的WiFi作为确认其是否到店消费的补充依据,便可在一定程度上作为确认行为的补充依据。而这正是一种无须用户感知便达到企业目的的交互方式。
  方式3:陀螺仪可以识别设备翻转方向,那么提供横屏界面的产品可以通过陀螺仪数据实现自动翻转,这样例子比较多,播放器算是其中一类。游戏方面对陀螺仪的使用则更加深入。
  对移动设备外设的使用方式还有很多,文中不再一一列举。
  原则五:考虑单手操作
  手机屏幕近年来有愈发变大的趋势,虽然手机屏幕变大意味着可视区域随之变大,但对于习惯或者不得不单手操作手机的用户或场景,变大意味有些应用的按钮或空间很难实现单手操作,这就需要应用开发者在交互设计上有充分的考虑,以便用户在单手使用手机时仍能方便的完成需要的操作。具体形式很多,需要视产品而定,这里仅举一例:凤凰新闻客户端的左下角返回按钮。
  图10凤凰新闻的返回按钮
  小结
  本文是以智能手机的主流用户(熟悉一般智能手机的基本使用)和智能手机作为交互设计的双方为前提,在不深入考虑具体业务流程和使用场景的前提下的一些普适的通用解决方式。
  但需要注意:这是一些一般环境下相对普适的交互设计方式,这些设计方式可能在很多场景下适用,但在你考虑引入到自己的产品设计中之前,务必确保你已明确参与交互设计的双方是谁(Who)、以及在什么场景(WWhen)下为达到什么目的(Why)要完成哪些任务(What),而你的交互设计应当服务与此(How)。
  篇幅有限,未完待续
投诉 评论 转载

实战经验在工作中,交互设计师应学会的“僭越”本文是刚入行的交互设计师结合整个实际项目实践,尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系,希望帮助设计新人找到与上下游配合的一点灵感。协助产品经理确定……交互设计思路:积分模块改版总结作者根据工作经验对积分模块改版进行了一些总结,与大家分享,希望可以从中收获点滴。积分已经成为每个互联网平台黏住用户,增加平台留存率的重要手段之一,金融平台也不例外,虽然积……APP设计:那些打动人心的设计点(4)你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨……iOS和Android规范解析:警告框(Alerts)规范是最标准的情况,场景是千变万化的,具体运用的时候还是需要根据场景来灵活应用。在iOS的设计规范以及Android的MD规范中,都有警告框(Alerts)这个组件。笔者……在无线产品中,一些普适的交互设计原则及实践本文作者将逐条列出其总结的无线产品设计领域应当遵循的的一些基本原则,并在每条原则下辅以实例说明以便理解。开始正文之前,再次明确一下什么是交互设计,我认为交互设计可以狭义理……思路总结:从体验设计角度做有效竞品分析本文作者总结了自己在实践中学习和应用过的竞品分析思路,一起来看看竞品分析的概念大家都不陌生,在产品有了大概方向、但业务需求还没有完全明确时,UX设计师可以先行开始搜集分析……从用户视角看设计:分享我从用户测试里吸取的5个教训用户视角对于设计师来说,是需要学习的。我一直喜欢做用户测试,甚至为此写过一篇安利文《作为交互设计师,都应该尝试的低保真原型测试》。用户测试对设计师的能力提升来说最好的一点……设计和建立设计体系规范的小贴士毫无疑问,我被问到最多的就是关于设计规范体系的建立。所以在过去几年里,最多思考的就是如何设计、建立完整的设计体系,像Marvel,Bantam和Modulz这样的产品,下面我想……iOS和Android规范解析:提示框(Toast)对比在交互设计稿中Toast是其中很常用的一种用户反馈手段,但是作者却发现在iOS中根本没有toast这种部件,那么在设计该如何处理呢?一起来看看作者的解读。交互设计师在设计……关于用户体验你应该知道的8件事用户体验(UserExperience,以下简称UX)是一个含义很广泛的术语,近两年来我们从越来越多的人们口中听到这个词,但是并不是每个人都真正了解究竟什么是用户体验。人们对于……帮助视觉设计师高效工作的三大招互联网视觉设计师如何在职业上精深一直是我在思考的,遇到过许多视觉设计师想转行去做交互或者项目经理,找不到视觉设计师的价值和专深入点。我也在思考与探索中,下文是我现在想到的一些点……交互实战覆盖层设计:弹出式半屏页面和弹出式气泡(下)上篇《交互实战覆盖层设计:对话框浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snack……
如何设计WMS多批次收货需求(下):方法论实操确定执行按钮应该设计在左边还是右边?电商后台:采购管理模块关于底部导航栏设计,你忽略了哪些?复盘:如何从0到1设计触达系统方法总结:通过历史需求了解一款你将要负责的产品合理搭建巨量引擎账户结构,帮助广告投放复盘实战分享:CRM社群管理的产品思路及设计如何设计WMS多批次收货需求(上):我的产品方法论UML建模方法论(下):系统建模如何设计删除按钮,防止数据丢失国庆出行:小众类旅游app假想
【歌词】就让一切走远歌手:黑龙热文聚热点网 【歌词】歌手:茅原実里热闻聚热点网 享受蜜月,新婚女性出游须知把青春的绿色铺满征途优秀作文热传聚热点网 高中诚信作文750字新手妈妈的高科技育儿经用户分享克罗地亚狂想曲为什么叫克罗地亚折叠屏手机逆势增长或将进入行业发展爆发年?给医疗剧打样!机智的医生生活2为何口碑还这么好?经典到噎死人的句子,句句扎心高铁能带花生油吗高铁上可以带花生油吗乡村美丽的小河

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界