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

思考iOS解锁功能的交互设计

2月10日 寒霜坞投稿
  前段时间在知乎上看到有关于iPhone解锁功能的几个观点,觉得颇有意思,也想说说自己的观点和看法。
  原观点们如下:
  1、我观察3岁的小孩用iPhone很容易上手。比如,iPhone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iPhone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解锁。自然和人的天性是一致的。大人因为成年后受污染较多,反而不一定立即学会iPhone解锁,可能需要看文字解释来理解。所以不识字的小孩可能比老年人更快学会使用iPhone。需要用文字来解释的交互不是好交互。(知乎,allenzhang)
  2、说iPhone的解锁一个3岁的孩子似乎天生就会,这实在是有点扯。你不能把一个3岁孩子无意识的抓一下,理解为他会了。iPhone解锁不是它理解起来有多自然,而是它的学习成本足够低,只向你展示一次你就会了。还记得第一代iPhone的电视广告吗?上来第一个镜头就是在跟你展示解锁。随后是横向翻转、浏览照片等等。在这之前我们几乎从来没见过一个设备在屏幕上可以滑动操作,包括在电影作品里。所以第一次见到它时,我们大呼惊叹。(回应“腾讯张小龙谈用户体验”那几条理解,尹广磊)
  3、在3岁小孩对解锁容易上手这点上,觉得尹说得比较贴切,交互模式由当年的代码控制,到菜单控制,再到鼠标,触摸,都是学习成本的不断降低的过程,当初要记n多代码才能操作,现在变为观察,点击动作,人们所需掌握的”原语primitive”在减少(出自AboutFace3的观点)。小孩和大人学习时间差多少这个需要实验数据,或者感觉上小孩子会快点可能因为小孩本来学习能力就比大人强,所以不一定是iPhone这个滑块设计的效果。张的原文写”需要用文字来解释的交互不是好交互”但是我点疑惑,iPhone上滑块不是就有”slidetoopen”的文字解释么?说法有点矛盾(知乎,AlanT)
  ios新旧两种锁屏页面
  先简单的就解锁页面做一下分析:
  新旧解锁界面,无非就是在引导一个方向向右的、行为是滑动的动作。
  旧页面一共包含了四个引导性元素:
  按钮上的右箭头;
  文字内容上的闪亮方向;
  文字的内容;
  按钮与凹槽。
  其中1指示了方向,2指示了方向和行为,3指示了行为,4提供了直观的可操作区域、同时限定了方向和行为。
  新页面一共包含了三个引导性元素:
  文字开头的小右箭头;
  文字内容上的闪亮方向;
  文字的内容。
  其中1指示了方向,2指示了方向和行为,3指示了行为。
  个人看来,总体的四个引导性元素,箭头、文字闪亮方向、文字内容和按钮凹槽,这四个东西的易于理解性,是:文字闪亮方向按钮和凹槽箭头文字的内容。
  文字闪亮方向是涵盖操作信息最全的引导性元素,也是最依据本能来设置的引导元素。想想多少人曾经拿手电筒逗小孩去踩或者按,还有多少人曾拿着激光笔逗猫逗狗,追逐亮的东西,本来就是本能层面的东西。至于拿脚拿手掌还是手指去够着亮点,要看亮的区域大小和适宜用什么部位去接触。亮点位移的快慢,也决定了是跳着点还是跟着滑动的行为。iPhone上,这个文字亮的区域约莫一指宽,用与底色对比而言很亮的白色、适宜的速度来闪亮的滑过去,自然而然的引导了一个用手指点触而后跟着滚动的亮点往右滑的行为,所以这真是一个非常自然的超棒的设计。
  按钮与凹槽是用现实中的概念模型来引导操作。按钮提供了直观的可点击操作的区域,按钮和凹槽的形态,限制了只能往右拖动,也是个很清晰的引导性元素。但与文字闪亮方向相比,个人认为还是稍逊一筹,文字闪亮方向是利用了本能的引导,而这个是利用物体隐喻的自然限制来引导,可以说是“应用储存于外部世界的知识”,是稍微需要思考和理解一下的。新解锁页面是直接把这一元素去除了,个人认为,旧解锁页面出现时,滑动以解锁的行为模式还没有被用户所接受,以拟物的按钮和凹槽,提供了模拟现实的操作模式。而等到这个行为模式被普遍接受之后,即使没有了按钮与凹槽,也不会造成困扰和迷惑,反而因为没有了固定的触点而简化了滑动的行为。也算是一个从手机模拟现实环境到手机建立自身操作模式的过程。
  箭头符号只引导了方向,没有表现行为,信息不全。在旧解锁界面,是放在按钮上辅助指示方向;在新解锁界面,箭头符号更是被被弱化了很多放在文字前面,指示性更弱了。此外,箭头符号所表示的意义,也是需要学习的,查了一下,大致是在幼儿园阶段有教。
  文字的内容这一引导,是最为直接的文字说明,没有标明方向,只指示行为,同样也是信息不全。虽然它很直接,但把它放到最后,是因为,识别它需要的知识基础是最高的,不知道这么说能不能说明白。个人看来:看懂文字闪亮方向这一引导,只需要跟从本能;看懂按钮与凹槽这一引导,需要认知上对外部环境的一些物体形成操作模型;看懂箭头符号,需要能识别这个图形蕴含的信息;看懂文字说明,需要掌握这门语言明白这些字的意思另外,在这里,slidetounlock也为文字闪亮方向这一信息,提供了媒介(没有文字信息的话在啥上闪呀),其实说起来这个有点像电梯指示上下楼的滚动小箭头标识,只不过电梯用了两重信息来指示状态,而旧解锁界面用了四重信息来引导操作。
  现在倒回去看最开头的原观点们中的冲突:
  1、“3岁的孩子似乎天生就会iPhone解锁”是偶然还是引导得力?
  去新浪微博用“小孩滑动解锁”搜了一下,搜到不少14个月、一岁半、甚至还有一岁零一个月的小孩无师自通会了滑动解锁iPhone的例子,我不认为这和尹广磊说的一样,是“无意识的一抓”,文字闪亮方向和按钮凹槽,是非常自然的操作暗示,小孩子是有能力根据指示操作的,而不是随意一抓。尹认为iPhone解锁易学在于“学习成本足够低,只向你展示一次你就会了”,但是学习成本低其实本来就要建立在设计合理的前提下,我认为这么说稍显不太合理。
  2、大人和小孩学习解锁的难度?
  allenzhang对于大人反而会较慢学会解锁的解释是大人受“污染较多”(),AlanT认为是没有具体数据支撑或者是小孩的学习能力要强于大人。首先我认为大人反而比小孩学的慢是合理的(虽然也没有数据支撑),因为小孩什么也不懂,反而是最跟着本能走的,他们最先感知的可能是文字闪亮方向或者按钮凹槽的隐喻,然后立即跟随本能进行操作,大人们是“克己复礼”的,教育是要在教导人们约束和掌控本能的,大人对一切会用更审慎的眼光来看待,对本能感知到的信息不会立即采取行动,可能最先关注的反而是文字信息,自然也就比小孩理解的要慢了。
  3、“需要用文字来解释的交互不是好交互”和“iPhone上滑块不是就有”slidetoopen”的文字解释么?”
  我认为slidetounlock不算是对于交互的文字解释,只是指示交互操作的又一重信息。allenzhang的意思,大抵是指对于一个单个交互操作,是否需要另加不含任何交互性质的文字解释。确实需要文字来解释的交互不是好交互,好的设计,必须“保证用户能够随时看出哪些是可行的操作”,如果需要另加解释说明,就已经证明了本身的复杂性。
  
投诉 评论 转载

如何从网页设计转型为用户体验设计从网页设计转到用户体验设计并不难。你可以在基于你目前的技能水平上,选择最适合你的教育方式或者课程。此后,你可以把学习到的UX实践到网页设计中。好消息是,你已经熟悉设计语言,一旦……设计观点:谈用户头像今天在我们的各类APP中,用户头像已是习以为常,几乎在绝大部分互联网产品中都可以找到用户头像的身影。用户使用照片作为头像信息可以快速准确的识别用户信息,且有效的加强记忆。……为什么PokemonGo游戏刚推出就风靡全球?这两天微博和外网都被一堆精灵刷屏了。。。这东西叫口袋妖怪(PokemonGo),一出来就刷爆了社交媒体,目前已经开放澳大利亚,日本,新西兰,美国,中国目前还不能玩。……为什么国外的App乃至互联网产品通常都很简陋?因为在外国人眼里,那不叫简陋,叫简洁。大洋彼岸的Quora上有这么一个问题:为什么亚洲网站在西方人眼里看起来都乱七八糟的?(https:www。quora。com)人气旺……产品视角以产品思维剖析恋爱关系在互联网行业里的小伙伴们都知道:产品经理“一无是处、无所事事“!这是行业最真实、最真实的评价,身为产品小学生更是荆棘满路、步履蹒跚。坦白讲,做地越久越觉得自己什么都不懂,往昔的……干货丨银行卡号编码规则及其应用绑卡时输入银行卡号后识别出银行和卡种是如何做到的?为什么能够在卡号输入有误时进行友好提示?本篇文章将为大家揭晓。在阅读本篇文章时,强烈建议大家参考本人之前发布的文章《绑卡……关于支付场景的4个问题支付场景是什么?为什么支付场景很重要?除了支付场景,还有什么是很重要的?支付场景,顾名思义,即用户完成支付行为的各类场景,如商场购物,旅游订酒店,餐饮消费等等都是支付场景……浅谈微信服务号性价比最高的5个功能微信开了很多接口,看看别人的号功能貌似多很完善。当你准备开发服务号时,应该如何排优先级呢?这篇,介绍我们在使用过程中性价比最高的几个功能。不同服务号有自己的主营业务,比如……美团VS大众点评VS百度糯米:浅谈生活类APP该如何设计信息在本文中,我们将通过对比三家不同基因的生活类APP:美团、大众点评和百度糯米,来谈一谈生活类的APP该如何设计信息框架。2016年7月的今天,生活类APP的竞争已经趋于稳……思考iOS解锁功能的交互设计前段时间在知乎上看到有关于iPhone解锁功能的几个观点,觉得颇有意思,也想说说自己的观点和看法。原观点们如下:1、我观察3岁的小孩用iPhone很容易上手。比如,……别急着画稿!来看这份全面细致的头脑风暴指南头脑风暴法出自“头脑风暴”一词。所谓头脑风暴(Brainstorming)最早是精神病理学上的用语,指精神病患者的精神错乱状态而言的,现在转而形容无限制的自由联想和讨论,其目的……垂直化内容电商页面设计Tips电商产品设计历经集市时代的比拼价格,到脑部内容意见领袖引导阶段,再到一种数据用户A知道数据用户B的需求,从而A用户精准满足B用户的需求,与此对应的例子在海外比较明显:比如亚马逊……
Axure7。0实例:利用Axure制作放大镜原型Axure实例:创建浏览器顶部固定菜单及子菜单Axure原型教程:利用Axure制作剪刀石头布小游戏Axure8。0教程:制作一个带有tab选项栏的滚动区Axure8。0实例:复选框的应用Axure教程:12306图片验证码的实现(随机可验证)在全球化流程中,如何给原型设计加分?Axure干货制作移动APP端的左侧滑菜单Axure教程:可使用的计算器demo制作(下)如何在AxureRP8中规范使用FontAwesome图标库Axure教程:用中继器和日期函数实现万年历Axure教程:多账户的登录验证
要用什么对宝宝说说话才好呢?被告应诉打架案件答辩状是否要写?卵巢早衰威胁健康延缓卵巢衰老的方法宝宝们100天了三味中药治脑卒中半身不遂显效!热议聚热点网 冬天最该吃的菜,三块钱炒一盘多吃保平安,这么做鲜嫩爽口特好吃空巢老人被专家讲座诈骗怎么办没事我就传笑话!嘿嘿。。。新品秀场工薪阶层如何制定个人的理财规划草原出水造句用出水造句大全

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