数极客首页

手机上的交互设计,能不能跳转

 跳转太多了,就搞不懂了。

PC上的网页,页面间重复

跳转是再正常不过的了,从首页进入搜索结果页,再到详情页,再跳到相关内容的详情页…不过到了手机上,无节制的跳转就有点儿问题了。

手机上的交互设计,能不能跳转

假定

是传统的PC网站,能展示

层级导航,能在跳转到其它栏目时交代分明

,当然这样的状况

也应该尽量减少,但总出借
是能交代分明

的。

页面小,没太多中央
摆多层的tabs导航或者面包屑导航,就只剩下左上角的一个“返回”按钮作为导航了。关于
微博这种状况

,显然
就不够用了。还要像传统PC网站那样错综的链接,就比较

容易绕晕了。

  更多层级,更多点击操作,降低了运用
效率。

即便

没有绕晕,更多的层级,更多的深化
,更多的点击操作,也降低了运用
效率。

掘图志的手机版,在列表页直接就能够

看到图片、翻开
视频:

手机上的交互设计,能不能跳转

相比于有些网站的手机版只是把页面做的小了些,掘图志的手机版更多的思索
到了手机用户的运用
情形
,不只
看上去简单,而且用起来也效率高。

层级太多了看不懂;即便

看得懂,层级多了用起来也省事

,因而

手机上能不跳转就不跳转。那我们就来看看有没有办法

减少跳转…

关于
从列表页翻开
详情页这种状况

,Google reader的方式是个典型:

手机上的交互设计,能不能跳转

Google reader将进入详情页这个页面间导航的问题变为了页面内导航的问题。于是,它页面内的导航就出了个小问题:翻开
一篇长文后,看到一半,不想看了,想滚下去或滚上去,都比较

辛劳
。(当然这也源于它原本

是给PC设计的网页。)还好这个问题不需求
去处置

了,google reader要关闭了。不过这种设计并非只是google reader独有,运用
相似

的页面内展开的产品或允许

以单独为自己

的页面内展开做一些自己

独有的页面内导航功用
,让用户能在展开长文且滚到中间的时分
能够

直接纳
起此篇长文。

变“进入详情页”为“在当前页内展开”,这是特地
给列表->详情这种状况

用的。前面提到的微博,用这个办法

似乎也处置

不了什么问题,其实我们面对的多数产品都很难保证一个页搞定。

能不跳转就尽量不跳转,假定

不得已,非得跳转呢?假定

非得跳转,能够

伪装

不是跳转。这样的例子也有不少:

伪装

不跳转例子1:Feedly的详情浮出。

手机上的交互设计,能不能跳转

要把这种方式了解

为是翻开
了一个弹出窗口,或许也能够

,那它就是十恶不赦的方式

化窗口了,理论

上传统的进入详情页都能够

被以为
是同等
于方式

化窗口的,或者说,方式

化窗口这种概念在往常

的设计中曾经
不那么有意义了。(呃,这话题似乎相当有点儿复杂,应该单独拿出来好好聊聊,在这儿就不再往下说了吧,在这括号里是说不明白了。)

假定

把这种方式
了解

为是一种更形象化的详情展示

方式,那么它就显得挺心爱
的了。原本

的列表页似乎并没有消逝
,只是被盖住了,详情页的翻开
让人不是那么惧怕
了。

这个方式
更像是手机上的微博里点击一张图片,图片直接浮现出来,再点击图片就又恢复

了。

伪装

不跳转例子2:Path的左右滑动。

手机上的交互设计,能不能跳转

另外,滑到了feeds页面,再点击某个图片,就又是微博里浮出图片的效果了,或者说是feedly的浮出详情。牛X了,组合拳啊~

伪装

不跳转例子3 “i”的翻转。

手机上的交互设计,能不能跳转

这些特别的方式,固然
没能减少页面间的跳转,但却把跳转修饰

的不那么生硬

了,使得跳转更生动,更好了解

。它们共同的思绪
是:让当前页与目的
页的关系更具象。目的
页盖住了当前页;目的
页把当前页推到旁边去了;目的
页在当前页的背面

  产品的结构

要简单些才是关键。

假定

运用这些表现方式,是不是就能把最开端
的那个微博里不时
跳转的问题处置
好了呢?或许能有些辅佐

,但要圆满
,恐怕也够呛。

在feedly的详情页里再点击其中的链接,还是得规规矩矩的翻开
新页面,上面的其他例子也相似

。也就是说,这些巧心机
的设计也只能处置
有限层级的页面关系。

“能不跳转就不跳转,非得跳转也尽量伪装

不是跳转。”这其实都有一个前提:产品的结构

得简单点儿。

手机系统只提供了简装的页面间导航,我们费尽心机
也只是处置
了一、两层的页面关系,要做到像PC网页上那样复杂的页面间彼此互通,那就只能无限的“返回”了。手机系统提供的导航规范

理论

上也暗示了我们,就是不能把产品做得太复杂了,太复杂了搞不定。

当然我并不赞同以现有的局限作为产品设计的依据

,产品要做什么,不做什么,仍旧应该以用户的目的
、运用
情形
、用户任务为依据

。手机上的局限或允许

以了解

为:我们不得不在这样的局限下去做“以用户为中心的设计”。

VIA:臭鱼

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章