有点扯远了,回到手机app的交互手势,(除开游戏以外)一般单指双指即可解决 。而先现今科技下,相对于大屏幕一些的平板电脑,无论是ipad还是Andriod厂商,都会引入三指,四指甚至五指的部分交互手势 。
由于今天的主题是手机app,那我们下一部分就着重主要来说说手机app的交互 。
PART 3 – 手机app中的意符分析在设计中,尤其是UI设计中,意符比示能更重要 。
理解这句话的本质是因为一块屏幕上人需要设计图形、按钮、内容 。去让他完成一些具体事情,所以在屏幕显示的软件中的意义符号就需要有很深的引导性 。
还记得之前我的定义么?用户界面上的意义符号,简而言之,就是一切用户感知中可以点击产生反馈的功能集合 。
我们闲言少叙,先来看一个例子:
如图是喜马拉雅FM的app首页UI,我将从功能属性、视觉焦点两个角度,一排一排的进行分析:
角度一、首先从功能属性上进行分析:第一层:NavigationBar上的意符为『消息』、『搜索框』、『历史』和『下载』,本质上是以功能名字命名的意符,其意符的表现形式为图片 文字 。没啥好说的,每一项映射到自己的功能详情 。
第二层:Tab的分类共有『热门』、『分类』、『康永来了』、『直播』和『广播』,其意符的表现形式为文字,这里大家看到『热门』标签本身变成橘黄色且下面有一个橘黄色细线,这是两个符号是通过这么多年的用户教育之后形成的意义共识,意义为:当前页面状态 。这里我有一个小问题,大家猜如果这时候我右滑界面(采取的交互手势是单指向左轻滑),会发生什么事情?提供两个选项:
- A、到『分类』页面 。
- B、到『订阅』页面 。
这里涉及到一个滑动切换tab的遍历解构,关于这个,我的网友@HoZiN老法师(大雾)的《浅议滑动Flick切换Tab导航 – 知乎专栏》这篇文章写得很棒,大家可以去看看 。在这里我做粗浅的解释,在喜马拉雅这个app中,『首页』UI中的TabBar上的『热门』、『分类』、『康永来了』、『直播』和『广播』都是归属于当前BottomBar『首页』的,所以我们在滑动操作的时候应从当前深度的最近层开始交互 。
如@HoZiN的下图所示:
如果用户滑动这个页面只能在首页的5个tab之间切换,我们认为他是下图的第一种,也即是在单一Bottom模块下切换(Hozin将其命名为独立Sub Navi切换,Sub Navi的意思其实也就是底部的Bottom navigation bar的意思,我上文中就直接简称BottomBar了,个人命名习惯而已大家能懂是这个意思就行),而另一种情况是有些app当滑动到最后一个tab,再右滑屏幕会进入到第二个Bottom模块,既是下图第二种的b-C和f-G的过程 。
虽然现在这种设计方式已经鲜有app在继续使用了,但是我在2017年的今天仍然是遇到了一些 。并且有个特别而精彩的地方在于,一般情况下,b-C和f-G的滑动切换Bottom模块的这个交互往往是不可逆的 。这点就比较有趣了,关于这个更深层次的原因可能是开发的原因,可能是产品没法做到每一个Bottom都有tab,也可能是因为别的app信息架构方面的原因,在这里就不展开了 。
我们再继续单独看这个第二层:
是不是发现有一个奇怪的格格不入的叫做『康永来了』的东西混了进来?
这里我就必须吐槽一下喜马拉雅的产品设计团队了,作为一个普通用户,我本能的以为这个tab下一定是和康永来了有关的内容整合,放在这里是因为运营需要,这个其实在内容平台上很常见 。大家看QQ视频和爱奇艺他们不也经常这么干,本身是一件无可厚非的产品推广的入口常态,然后我滑过去了发现其实他是『每日优选』的一个频道,只不过最近主推蔡康永的这挡音频节目:
推荐阅读
- 液体压强与哪些因素无关 液体压强的影响因素
- breeze固定搭配 breeze是什么意思
- 手套的英语怎么读gloves glove是什么意思
- 古代对食是什么意思?古代太监宫女假扮夫妻
- 海猪是什么动物?一种体型较大的肉食性海洋哺乳动物
- 视觉传达设计是学什么的?关于设计方面的知识的学习
- 戴玉有什么好处?附:坚持戴玉镯的3大好处
- 三年生两个娃,风光的背后有泪水 李思思的个人资料简介
- 阿达西瓦什么意思?此阿达西非阿达西!
