按照移动设备的方向规划app从纵向到横向

标签:新闻动态    日期:2017-08-30 15:01    录入:汇盛国际平台    浏览:

依照设备的方向对app进行规划将会使开发者和规划人员获益匪浅,一起也能够发明非常好的用户体会。用户只需要简略地旋转设备,不必点击按钮就能展现一个新的app规划。尽管这在必定程度上面临着应战,但咱们也有一些解决方案。

经过调整app显现方向向用户展现第二屏

在app方向操控方面,YouTube的移动app即是一个很好的比方,YouTubeapp有两种界面显现办法:横向和纵向。纵向显现界面有着更丰厚的功用,用户能够在纵向显现界面查找更多视频。

横向显现能够给用户带来感同身受的视觉体会,而当视频播放完后,app会调整为纵向显现形式便利用户阅读别的视频内容。

YouTube移动app两个不相同方向的界面

可是向用户展现不相同方向界面会让用户有点模糊,比方交际网站LinkedIn推出的手刺收拾运用CardMunch,这个运用能够便利地转录和收拾商业手刺上的信息。

这个用户界面在方向上短少一些视觉头绪,并且用户不能修改或许增加手刺,屏幕旋转会让用户有点沮丧和紊乱,尤其在你启动了横向形式的时分。别的,横屏短少视觉头绪会下降用户翻转至设备发现app的别的功用。

CardMunch第二屏短少视觉头绪

依照设备方向进行规划的办法

为协助UX专业人员和开发者,我把app方向规划进行了归类,主要有以下四种规划形式:

按份额变换形式

这个办法对比简略和直接。

在Skype的界面,当app由纵向显现变为横向展现的时分,界面上的图标巨细也随之发作改动。

Pocket的界面,横向纵向相同的规划,只是变宽了。

延伸拓展形式

这个办法主要靠增加或许删去规划元从来完成,比方下边的IMDB,iPad用户看到的是一个更宽的横屏形式,左边增加了影片著作年表。而竖屏形式展现的是一个更为简练的界面,不过,用户能够经过点击屏幕中心的"一切影片列表"来查看相同的内容。

IMDbiPad版本

不管是横屏仍是竖屏形式,意图都是为了给用户供给便利。不过,这并不是强迫用户运用某种特定的办法,尤其是在主要功用还没有彻底展现的情况下。

互补形式

比方下边这个移动理财类app,默许的竖屏形式展现了有关数据,但横屏形式供给了更为直观的可视图表。

总的来说,横屏和竖屏显现相似信息仍是互补信息,这主要看个人喜好了。

互补型界面规划

连续性

还拿YouTube来说吧,它连续性的规划能够让用户经过简略的屏幕旋转就能接触到第二屏。将来还有种也许即是用智能手机操控智能电视,智能手机旋转为横屏形式能够显现节目攻略,一起完成频道切换、节目阅读以及录制视频等功用。

智能遥控和节目攻略

思考默许方向

Above&Beyond是一个iPad电子书运用,内容主要是对于漫画家JohnKascht的工作和日子。不过,横屏展现了更多竖屏没有的互动元素,比方返回主菜单功用。纵向排列是iPad的默许方向,所以这个这个电子书的横屏形式也许会利诱许多用户。

Above&Beyond

Above&Beyond的纵向形式更多表现了艺术的细节,不过,这款app在开端的时分现已做了阐明,用户能够点击屏幕显现菜单。大多数智能手机和iPad的默许方向是纵向,但Android、Windows8平板以及BlackBerryPlaybook默许方向却是横向。所以,为了避免让用户迷惑,你要记住自个app的主要功用以及移动设备的默许方向,而不是别的。

思考app运用环境

除了一些根本的规划请求外,开发者还要思考app的运用环境,尤其是要留意app的展现方向。现在,交互的烹饪类app对比受欢迎,硬件生产商以及配件生产商正开发有关设备协助用户在厨房内运用iPad,比方烹饪时会用到的可清洁手写笔。

咱们能够经过充分利用app展现方向开宣布更具有交互效果的烹饪类app,用户能够在iPad默许方向形式下阅读食谱和配料清单,而用户在横屏形式下能够看到一步步具体操作阐明。

★★★小编:汇盛国际注册 整理文章,欢迎大家转载 ★★★