从交互设计的角度,看iOS11的5点不足

提前下载了开发者版本的iOS11体验了大半个月,除了很耗电、手机很烫以外,道长打算从交互设计的角度去浅析一下个人对iOS11部分交互以及可改进的地方,为了避免篇幅过长,所以只挑几点出来讲。


提前下载了开发者版本的iOS11体验了大半个月,除了很耗电、手机很烫以外,道长打算从交互设计的角度去浅析一下个人对iOS11部分交互以及可改进的地方,为了避免篇幅过长,所以只挑几点出来讲。

从交互设计的角度,看iOS11的5点不足

一、WP风格的标题栏及导航条功能

从交互设计的角度,看iOS11的5点不足

熟悉WinPhone(以下简称wp)交互风格的同学都知道,这种设计方式是wp一直推崇的,wp的风格就是标题左对齐并很大,不过它的UI界面操作是在底部浮动着,这个主要是跟硬件特性带来的操作习惯有关,另外本身wp自动的物理操作按键是在底部,所以iOS11这次这个改变道长个人觉得还是考虑没那么周全。

1、普通导航条

从交互设计的角度,看iOS11的5点不足

iOS11的页面操作功能还是在导航条上面,用户往上滑动页面时,大标题会隐藏、导航条的中间会把标题按照iOS7以后的显示方式显示居中,首先动画过度上来说还是蛮奇怪的,其次是会显得大标题多余,破坏UI整体性。可以改如下图:

从交互设计的角度,看iOS11的5点不足

改进:上滑时大标题导航条在左边变小,返回按钮依然在,另二三级后页面如果没有左右滑动切换页面造成冲突的情况下,统一考虑采用左滑返回上一级页面。

2、不统一的大标题+tab标签导航条

从交互设计的角度,看iOS11的5点不足

比如导航条里面有分tab标签的情况,iOS11就是不统一的,我们首先抛开说是tab导航条是包含于或不包含于大标题导航条的场景,更何况在最近通话和我的消息这两个场景里面,tab标签是大标题的分类,而iOS11却不统一。

改进:tab标签在大标题导航的下面,向上滚动时大标题变小,tab吸顶。

3、导航条功能的不统一

从交互设计的角度,看iOS11的5点不足

看两个界面里导航条的功能,个人收藏这一帧里的“添加”功能在左边,“编辑”功能在右边,而短信的却反过来,添加在右边,编辑在左边,同样是一级页面,承载相同能力的功能入口却放置在相反的位置,我考虑了不同的场景或可能性,但还是觉得很奇怪。

改进:统一“添加”在右边,“编辑”在左边。

二、Appstore里面不能统一的“返回”

从交互设计的角度,看iOS11的5点不足

Appstore的改变很大,业务上改最多,但在交互上,不得不提的是第一帧“今天”的APP详情页面,如上图一,想要返回到一级页面有两个操作方法,第一个是点击右上角的关闭按钮,第二个操作方法是长按界面向下拉一定距离后松开,则回到上一级页面。

而在App这一帧点击到某个APP的详情页面后,返回上一级页面的两个操作方法分别是点击导航条左边的“返回”按钮或长按页面向左滑动一定的距离。

改进:统一点导航左上角的“返回”按钮和长按向左滑动一定距离后返回上一级,下拉一定距离放开返回这个方案看起来不错,但很多页面都是需要下拉刷新的,而在物理动作上面,这两个会造成冲突,所以舍弃掉长按下拉一定距离放开返回上一级的操作。

三、3D touch真的那么好吗?

从交互设计的角度,看iOS11的5点不足

改动最大的这个地方,全都支持3D touch特性,使劲长按后弹出更多的操作界面,首先不讲这个界面看起来有多乱,苹果可能也考虑到不支持3D touch的机型怎么处理,所以就在调整屏幕亮度和调整音量的两个操作上面兼容了轻轻长按也能上下滑动来调整,而使劲长按(3D touch)是跳转到一个新的界面去,在这个页面用户有事轻轻的长按来调整亮度或音量大小。

讲真3D touch好费力啊。

那么像“长按”这么省力的交互手势真的比3D touch差吗?我和身边的小伙伴争论加“似乎达成共识”后觉得,长按和3D touch唯一能解决的问题是——在桌面上长按图标会触发的结果是icon上有删除按钮,而使劲长按能出快捷方式,所以我个人感觉这个3D touch真心没那么好。我们看一个长按的例子:

从交互设计的角度,看iOS11的5点不足

长按真的可以做很炫酷的事情啊,比如UC浏览器在新闻详情页面长按出现的“老罗大爆炸”功能,轻轻长按和使劲长按(3D touch),你选哪个?

#专栏作家#

芒果道长,人人都是产品经理专栏作家,起点学院特聘导师。腾讯课堂【30天教你做一个APP】作者。

本文独家首发于人人都是产品经理,未经本站许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20729/

(0)
CatherineCatherine
上一篇 2017-08-04 09:24
下一篇 2017-08-04 10:25

相关推荐

  • 交互设计实例分享

    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计,交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己…

    2017-08-03
  • H5时代的多行文本框

    说起输入框,大家都耳熟能详了,今天跟大家谈一谈H5时代的多行输入框!首先一起回顾下输入框在PC端的应用:

    2017-06-04
  • 用户体验给一百分的应用啊!

    “没想到的是,装了这个桌面应用,可以让手机好玩那么多。”这篇推送,小7就个人使用感受来跟你们聊聊,这个桌面应用给我带来的非一般感受吧。这款桌面应用给我的印象就是:它在尽可能地给你的生活做减法。一、将联系人直接生成桌面图标,点击就能直接拨号,这比将数字键设置为紧要联系人来得更加方便快捷吧。我这部手机大部分都用于工作联系,联系得最多的是我的拍档,这里我可以直接她的联系方式设置为图标,将图标放置于第一页,非常方便。二、底部导航栏可以上滑,惊喜...

    2018-03-24
  • 实践分析产品第一天

    【分析思路】 首先要明确,产品是面向用户的,当分析一个产品的时候,我们要先以用户的角色按照设计师的引导整体走一遍,也就是遍历每一个操作,每个设计师都会有一条设计主线,把杂乱无章的功能点根据用户的期望及…

    交互设计 2015-08-25
  • 《用户体验可视化指南》视频讲书(1)

    我们选择了人民邮电出版社2018年出版的《用户体验可视化指南》作为第一本,带着大家啃书。原因是这本书真的非 常 好,好到可以成为用户体验设计和研究领域的大辞典了。作者引经据典,却因为篇幅受限,很多没有详细展开。不知前因后果的读者,因此会错过很多有意思的观点。所以UXREN为你详细拆解《用户体验可视化指南》,每次10-20分钟,3首歌曲的时间,日积月累,透彻理解经典书籍。第1期: 前言《用户体验可视化》前言部分,介绍了为什么会提出共线图(...

    2018-03-27
  • 聊一聊常见的登录交互方式

    现在市场上面的APP种类繁多,而登录注册的方式也有很多,下文就简单来分析一下各种登录的交互方式,谈谈自己对这些方式的见解。

    2017-05-26
  • 交互实战|Design sprint methods 在To B产品中的应用

    在湾区很火的设计冲刺,真的能有效快速解决项目中棘手问题吗?我们在实际工作中开始了首次尝试与应用。让我们一起来体验一下Design sprint methods的设计过程吧~

    2017-04-30
  • 用户体验设计中的用户故事和场景

    翻译校对:晓黑 原文:http://usabilitygeek.com/tag/user-experience/ 有一段时间,最好的网站设计是一个装了一些很酷的新功能,一个怪异的导航和其他任何设计师认为不错。我们信任设计师的品味和意见往往甚至比我…

    2015-12-29
  • 在一个老外微信PM的眼中,中国App UI那些事

    中美用户习惯的和文化的不同,造成了设计很多的不同。看惯了国内的设计,你了解外国人怎么看待我们的产品吗?接下来就可以带着疑问往下阅读。 本文编译自Dan Grover的博客,他现在是腾讯微信的产品经理。以下是他从…

    交互设计 2014-12-11
  • 移动设计:体验、交互和创新之精髓

    移动优先的设计策略将使产品拥有高度任务驱动的体验。用户可以将注意力聚焦在需要完成关键任务上,而不会被传统桌面产品中过多的无关因素所干扰。

    2017-06-04