赞助商
立即赞助

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

交互设计3年前 (2021)发布 流光
1.8K 0 0

当我们回顾近 20 年的手机展历程,以现 2007 年 iPhone 空出世真正改变了手这个业。乔布在发布会上展示初代 iPhone 业带来冲击力是前所未有,交互领域成了深远的影响。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

从外观上来看,iPhone 与那个时代手机最大的区别在于它舍弃了笨重的键盘,3.5 英寸的全触控屏幕在当时可谓是石破天惊。对于现在的手机来说,全触控屏幕可谓是标配,但是在当时面着巨大的争议和险。当时的微软 CEO 鲍默,就是现在 NBA 快船队的老就持反对意见,甚至苹果内部的高管都不好全触控屏幕,因为觉得:「每个人都会对没有触摸的西不适」。

这个由现在看起来很无厘头,但是如果我们看待问题总是现在的眼光和立场,那么就会产生「我上我行」的错觉。这样的复盘,除了满足自己的想象,会给我们的认知带来任何升。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

我们来系统分析一,全触控屏幕究竟是怎么淘汰键盘的呢?首先最直观的一点就是,因为掉了实体按键,那么手机的屏幕面积得到了升。此外,键盘交互的时代,条目的移速取决于手指点按键盘的速。而在触控交互的时代,移条目只要手指滑一就可了。交互效率得到了指数级别的升。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

信息限制

而这想从可供性的角度来思考触控交互带来的体验提升。可供性,通俗点说,就是功能隐喻。优秀的产品计可以有效地利用功能隐喻让用户快速地如何操作。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

而隐喻不能多,多的隐喻等于没有隐喻。早期的战机有十个姿显示仪表和 100 多个操作按钮,这的操作界面毫无隐喻而言,飞行员难同理这多息。后来从三代机开始,战机舱普遍使用显示屏,化繁为简,限制了操作选项,降低了驾驶成本。

在实体键盘代,要限制操作选项是非常困难的。因为用户机进行交互是依赖键盘这个媒介,而键盘无法针对定的景提供定制化服。例如话拨号需要数字键,发短需要 26 位字母键。那个代音机(诺基亚5300)甚至要将音按键放置在机身。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

一款产品可以给用户提供多功能,但并不是每一个功能都是用户全程需要的。只有判断在某个景下,用户对定功能的诉求高,才展示相关的息。如果诉求低,可以隐藏相关息,避免给用户造成干扰。

例如,在知乎中,你想搜索跟叶问相的容。在搜索结果页滑了大概 3 屏左右,在界面会现「向知友问」的按钮。因为滑了 3 屏,那么极有可对当前的搜索结果满意,这时引导户问。如果从一开始就给户展示问的按钮,那么对于想问的户来说,实是一种干扰,并且减了阅读区域。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

在微博中停留 3 秒左右,就会醒你评论。在户断刷微博的状态,一旦现了停留,说明你被这条容给吸引住了。与每条微博放一个评论框,还如醒你评论感兴趣的容。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

同的场景,户对功的需求是一样的,因此交互方案需要做相应的调整。在有的状态,启易音乐进入的是首页;无情况,启易音乐进入的是我的音乐。因为户在无情况进入易音乐,最大的可性就是听之前载好的歌曲。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

我们再来思考一个问题,为么 QQ 的对讲功是长按,而录音功却是点击?录音与对讲最大的区别在于,录音成后会直接发送给对方。你可听一录音效果,感觉错后再发送给对方。而对讲是说之后直接就发送给对方的。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

因此对讲功更看重效率,而且录音功追求的是严谨。因为追求效率,户对讲成手指松开就可直接发送了。如果使点击,户需要点击「发送」按钮才发送,增了操作步骤。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

目前很多电商平台支持语音搜索,户可直接说商名称进行搜索。京东采长按的交互方式,长按说话,说完开。而淘用的却是点击开始说话,说完动发送。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

为什淘这做了差异化?这是因为,语音搜索商品,更多是短字符。用户在这不可能会说长一段话,因此一旦用户的语音出现了中断,就可以判断已经完成了语音录入。交互流程就简化为点击开始录音,说完动发送。

操作与反馈

在前面提了,全触控屏幕可以节屏幕面积。这可能会有人存在疑问,翻盖和滑盖机不也能节屏幕面积吗?

有的人机交互流程我们都可简为两个步骤:操作与反馈。按键手机,户与手机进行交互都必须依赖键盘这个媒介,而反馈区在屏幕,你的视线需要断地来移。全触控屏幕,户可跟屏幕中元素直接进行互,视线可集中在一点。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

即使在全触控屏幕,产设计中操作区与反馈区的系一样值得我们思考。拍摄视频这个场景为例。

目前抖音、快手和微都支持用户分段摄视频,个长视频可以由几段短视频拼接而成。这个生了个新场景,如我上段视频不满意怎么办?

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

我们先来看微处理,用户可以击左边关闭按钮,这时顶部视频进度条开始闪烁。表明需要用户确定是否要删除这段视频?过闪烁和摇摆等不稳定状态来提醒用户进决策交互很常见,例如我们长按 iPhone 桌图标,图标会不断地抖动来询问是否要卸载该应用。

里存在一个问题,触区和反馈区距离太远,而且闪烁的样式不明显,首次使用的用户能无法在短时间内快速地理闪烁的进度条是在询问用户是否要删除该段视频。

相较言,抖音的提醒方式加直接,直接出一对话框,简单明了询问用户否删除一段视频,降低了用户的理解本。当然抖音的交互方式也缺点,对话框的出增加了用户的操作本。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

如果用户不删除视频,抖音需首先点击「取消」,关闭对话框,可以行后续流程。微博用户取消删除,不需任何操作,可以直接行后续流程。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

如果用户「确」删除视频,抖音微博用户的操作动作都点击。但微博用户手指不需行任何移动,于原重复点击两次。所以我们无法判断方孰好孰坏,只能抖音的交互方式对新用户加的友好。

总结

这视频的时候,逢微信新版本发布。其中一改动点,视频图片查看界面的按钮都统一移到界面的底部。因考虑到用户单手握持手机的况下,拇指很难直接够得界面顶部。这样的改动可以方便用户操作。我看了一下反馈,发持反对意见的较,原因很简单:不习惯。

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

一款好产品,我们需秉持一颗尊重用户的态度。但我不赞把「用户当帝」的观点,多数用户都偏旧模式的。即使的改动从看,对他们益的,用户也会抗拒。因他们看的永远都当下的利益,因的改动我离我的舒区,我重新学习并应新的交互模式了。人民创造了历史,但人民本身也创造历史的阻力。

任何一个新事物的出现,人总是倾向于从现有的知识体系中寻找类似的事物进行描述概括,以寻求情上的归属和理性上的辨识。但是过于超前的创新,往往是现有的知识体系无法解释的。无法解释,然无法受。

注作者的微信公众号:「王M争」

回顾20年的手机发展历程,聊聊 iPhone 如何改变我们的交互方式

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

上半部分我在站酷分享了交互设计师的产出物和我是如何学习交互设计的(阶段一 | 扎根),总体反馈还不错,并收到许多读者的「...
交互
身为一个有超过十年使用经验的 Apple 用户,虽然不算太资深,但也曾经历这十多年来苹果大大小小的设备,大家都喜欢拿 Steve J...
苹果
很多时候,当你的设计遇到了挑战,你无法客观地回答为什么,甚至在和业务方沟通的过程中表现得很被动。 为什么行为召唤按钮的...
交互
各位好,我是呆呆,今天这篇文章,是「交互问答」专栏的第一篇文章。文章的内容主要来自于读者提的问题。 这些文章原本可...
交互
优惠券作为一种营销手段在现代生活中无处不在,除了在线下常见的街头小哥派发的传单优惠券,更多的是线上各个电商系统中存在...
交互
这篇文章来自于 Invision 出品的书籍,围绕规划、设计、构建和实现设计系统的实践经历来指导读者,其中包含了经验丰富专家的...
UI
如何定义组件库 UI 设计组件库(UI KIT),直译过来就是用户界面成套元件。我们日常工作中所构建的组件库,一般是把所有界面...
sketch
最为常见的信息收集表单,却最容易忽视它的体验。 表单(不是表格),作为最为常见的页面模块,是不是都快忽略它的存在了?...
Web设计