APP界面设计之页面布局的22条基本原则

APP界面设计之页面布局的22条基本原则

移动APP页面布局(Layout)是咱们规划app界面的时分,最主要的规划使命。一个app的好与欠好,很大部分取决于移动APP页面布局的合理性。

下图为APP最原始的布局模型。

页面布局望文生义便是对页面的文字、图形或表格进行排布、规划。优异的布局,需求对页面信息进行完好的考虑。即要考虑用户需求、用户行为,也要考虑信息发布者的意图、方针。

对用户行为的投合和引导,有一些既有准则和办法,比方下面的22条基本准则:

1、公司/安排的图标(Logo)在一切页面都处于同一方位。

2、用户所需的一切数据内容均按先后次第合理显现。

3、一切的重要选项都要在主页显现。

4、重要条目要一向显现。

5、重要条目要显现在页面的顶端中心方位。

6、必要的信息要一向显现。

7、音讯、提示、告诉等信息均出现在屏幕上目光简略找到的当地。

8、确保主页看起来像主页(使主页有别于其它二三级页面)。

9、主页的长度不宜过长。

10、APP的导航尽量选用底部导航的办法。菜单数目4-5个最佳。

11、每个APP页面长度要恰当。

12、在长网页上运用可点击的“内容列表”。

13、专门的导航页面要矮小(防止滚屏,以便用户一眼能阅读到一切的导航信息,有大局观)。

14、优先运用分页(而非滚屏)。

15、滚屏不宜太多(最长4个整屏)。

16、需求仔细阅读了解文字时,应运用滚屏(而非分页)。

17、为结构供给标题。

18、留意主页中面板块的宽度。

19、将一级导航放置在左边面板。

20、防止水平滚屏。

21、文本区域的周围是否有满足的距离。

22、各条目是否合理分类于各逻辑区,并运用标题将各区域进行明晰区分。

这些APP界面布局准则能够确保页面在布局方面最基本的可用性。是十分合适app规划新手来把握。

【APP布局事例的赏识与解读】

以上22条页面布局的准则是与用户的眼动轨道研讨有联系的。能够说是根据来历。

眼动研讨是跟着用户体会的鼓起与技能设备的前进,而鼓起的一种用户研讨办法。它是眼动技能与研讨办法的二合一,经过眼动研讨调查被试者对移动使用页面的凝视轨道,辅佐完结用户体会规划。

经过眼动研讨,不光能够完好地复原被试者在各个页面的凝视轨道,还能够经过区分爱好区剖析被试者在各区域内容的重视度。

眼动研讨供给的信息不只是人们是怎样“看”东西的这么简略,眼动反映了人脑的信息处理进程,眼动形式的特色与脑的信息处理都有亲近的联系。

作者:25书院

上一年今天运营文章2023:3月第3周榜单丨飞瓜数据B站UP主排行榜(哔哩哔哩渠道)发布!(0)2023:小红书达人排行榜!萌宠博主受追捧,秘密武器是什么?(0)2023:百万播映和几万播映一起登榜,B站播映量是不是不再重要了?(0)2023:《漆黑荣耀》成论题制作机,自媒体人追剧的4大姿态…(0)2023:怎样康复手机备忘录删掉的内容(0)

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点,也不对网站内容的真实性负责,如有侵权,请联系站长删除,转载请注明出处:https://www.lnwcn.com/155760.html。
(0)
运营学社的头像运营学社官方
上一篇 2023年7月27日 下午11:24
下一篇 2023年7月28日 上午3:14

猜你喜欢

QQ:1124602020
微信:vl54120
备注:周一至周五全天在线,周末可能不在线,另外联系时,请告知来意。

公众号
交流群
运营学社会员,开通可享海量资源与多项权益,点击了解详情