产品交互自查笔记#02打开页面

作者: 阿吉__ | 来源:发表于2017-03-30 15:46 被阅读115次

前言:从这一篇开始,我会每周分享一些自己目前理解和整理总结的东西(主要是针对安卓,和我目前的工作有关系),也是基于我上一篇所提到的,希望提升自己在与产品以及交互上的理解,也作为以后工作的一份自查表。本应该按列表顺序写下来的我,突然决定从目前整理的相对完整的章节开始写,后面再进行统一的排序吧。话不多说,这一节我们来聊聊页面的打开方式。

打开页面是我们操作一个应用时必不可少的一步。在下面的内容中,我以用户的使用场景来写这个目录,并列举我们会遇到和需要注意的问题。

目录

从桌面打开应用页面

在应用内打开其他页面

通过一个应用来打开另外一个


一、从桌面打开应用页面

这个不用多说,每个人每天都会从桌面打开不同的应用,思考一下这个使用场景,大概会有这么一些问题是需要去考虑的:

①打开应用页面的速度

可以从首次进入和再次进入两个场景进行考虑。用户等待的时间,多久合适,如果较长,是否考虑加入动画。

②首次打开应用时,是否需要有启动页、引导页或登录页(下一篇我详细讲一下这个)

③通过桌面菜单键打开

保留原有应用的浏览状态

④通过通知栏打开

通知栏的引导设计、页面的打开位置...

(...)

二、在应用内打开其他页面

①页面等待时间

②考虑之间页面的衔接动效,目前主流有这么4个:

弹出、侧滑、渐变放大,其他(比如翻页等)

③如果页面需要点击滑动才能打开,考虑点击滑动的范围

④加载占位图、进度指示器

通常情况下,如果页面包含图片或视频的时候,打开都需要等待一定的时间,目前大多数应用处理这个问题的方法是先展示文字,图片的位置先用占位图来表示,后面再加载上来。(这个概念最早出自Google产品总监,《Web表单设计》作者,Luke Wroblewski于2013年9月17日发表的博文《Mobile Design Details: Avoid The Spinner》里。)不过图片也分是内部获取和从其他渠道上获取,如果是应用自带的图片,出现一般都不会有延迟的现象。而从其他渠道上获取再在我们应用上进行展示的时候,中间的获取加载都需要时间,所以会有那么几秒的延迟。

而进度指示器分为活动指示器(菊花转)和进度条两种。它也是为了缓解用户等待焦虑,以及告知用户系统正在做加载这件事情。设计出发点是好的,但是带给用户的体验未必优秀。

⑤智能加载(适用于打开图片多的页面)

拿蚂蜂窝来举例,我们看蚂蜂窝的游记的时候通常都会有很多图,它这里就加入了智能加载,识别用户的手机是使用自己的流量还是wifi,流量的情况下会推荐你选择无图模式。

(...)

三、通过一个应用来打开另外一个

①这种情况下,通常需要通过跳转来完成,下面列举几个常见的使用场景:

1.分享

大多数应用都会有这个功能,比如带有社交属性的应用、阅读器,地图等等。

需要考虑的是:选择哪些分享的平台,展示出来的分享平台数量,分享按钮的位置,分享到那个平台的展示方式...

2.查看信息

比如像美团中的查看地图,点击路线后会提示跳转到地图工具。

比如广告点击跳转,会跳转到相对应的网页或应用的下载链接。

3.评分、下载

通过产品内部的评分引导,下载入口跳转到应用商店进行相关操作。

4.文件格式不支持直接查看,需要跳转其他应用才能打开

5.账号授权

②考虑闭环,是否需要跳回原来的应用,如果需要,如何引导

页面的打开方式大概就是这么几个场景,内容可能还有遗留,后续还会陆续补充..

相关文章

  • 产品交互自查笔记#02打开页面

    前言:从这一篇开始,我会每周分享一些自己目前理解和整理总结的东西(主要是针对安卓,和我目前的工作有关系),也是基于...

  • 产品交互自查笔记#04页面的滚动

    前言:点击和滑动是在操作一个应用时使用得最为频繁的两个手势,通过点击来打开页面或触发某个功能,通过滑动来滚动页面内...

  • 产品交互自查表

    产品交互自查表 以上仅供参考,多多交流!

  • 产品交互自查笔记#06 导航

    前言:最近在看《用户体验的要素》这本书,等我看完再给大家分享一番。一本我觉得很适合我现在阶段的一本书(职场新人、有...

  • 用户体验自查清单

    文档备份 原文: 完成交互自查,确保自己这边无错误; 在一页上完成交互逻辑图,便于查看页面之间的关系(尝试将页面分...

  • 产品交互自查笔记#01框架布局

    正文之前自己闲扯几句:最近团队内部正在做一个新的产品,而在做这个产品的过程中,慢慢暴露了团队在于磨合上,分工上的一...

  • iOS原生App与H5页面交互笔记

    iOS原生App与H5页面交互笔记 iOS原生App与H5页面交互笔记

  • 产品交互自查笔记#05手势

    前言:当进行手机操作的时候势必会提到手势,手势影响着应用的每一步操作。这一节我们就详细讲一下手势。 目录 怎么定义...

  • iOS原生App与H5页面交互笔记

    iOS原生App与H5页面交互笔记WKWebview 交互实现Http与iOS以及网页交互

  • 交互自查

    对于移动应用来说,移动情景非常复杂,设备也很多样。那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特...

网友评论

    本文标题:产品交互自查笔记#02打开页面

    本文链接:https://www.haomeiwen.com/subject/glvxgttx.html