国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

移动应用框架部分的学习思考

发布时间:2019/06/30标签:   设计原则      APP设计      设计规范      设计理论    点击量:

原标题: 移动应用框架部分的学习思考

小编:市场对UI设计师的要求是越来越高了,产品交互什么的都要懂,一些开发的实现逻辑也要懂,不过这也是必然的发展趋势,只有不断充电才能跟得上市场变化呀~

最近在看《移动设计》这本书,书中关于框架(frame)部分的内容写的蛮好的,在此分享一下。

框架对于产品来说很重要,小到影响一位用户是否留存,大到影响产品的稳定和发展。


框架的深度和广度

主要有深度优先和广度优先两种结构,各有优劣。

深度优先的框架

优点:深度优先的框架结构优点是可以留出更多页面空间,用户使用时注意力会更聚焦于内容,以最快的速度获取需要的信息。

缺点:用户获取信息的路径变长,常常需要点击三四下才可以寻找到目标,熟悉产品的老用户可能还好,但对于新用户来说获取信息过程中需要学习、记忆、试错,而移动产品的特性也决定了它碎片化的使用时间,比如在地铁上,公交上,用户没有耐心去学习试错,使用的进程随时可能被打断,这个过程极可能流失用户。

广度优先的框架

优点:同一层级入口较多,用户很容易知道产品是用来做什么的,保卫萝卜ui设计,路径较短,用户使用过程中不容易迷路,更快捷获取到有价值信息。

缺点:入口越多,占用屏幕空间也越多,用户也需要时间来筛选自己的目标入口,对产品提供的核心价值也会感到迷惑(很容易忘掉,和其它竞品应用搞混等),一个应用一旦失去核心价值是一件很可怕的事情。

最简单流畅的产品框架面对的是浅而窄的方式,无论是获取信息的路径还是体现产品核心价值都能更好的进行设计。

产品框架的移动化要注意的问题

从PC迁移到APP,从手机屏幕尺寸考虑,手机屏幕比电脑屏幕小很多,展示信息能力有限,不能将所有信息像电脑一样平铺到手机屏幕上,那会让人疯掉,因为在大量的信息中无法找到自己需要的信息,在这里需要根据内容的优先级来进行精简、隐藏、删除,使原本广而浅的框架变为核心内容窄而浅,重庆seo营销,次要内容窄而深,层次分明。

拉钩招聘网页版搜索栏下方紧跟热门搜索,由于电脑屏幕大,产品框架比较广。

移动化之后,由于手机屏幕尺寸有限,将产品框架变窄,点击搜索栏之后二级页面才展示热门搜索。

路径扁平化

使核心路径扁平化。说白了就是缩短核心功能的路径,使核心的功能得以更高的曝光,同时提升其使用效率,比如映客、抖音标签栏导航中间的重点突出的按钮。

层级信息合并

当路径较深时,ui设计复试上机,把两个层级的信息合并为一个是比较好的方法,将下一个路径的信息提前展示出来,不管是以入口还是标签的形式,这样用户想要获取的信息或者我们要用户获取的信息就可以提前展示,例如淘宝将红包、砸蛋信息提现展示;淘宝人生将内部营销文案提前展示,可以大幅度提高转化。


隐藏

移动设备展示内容有限,也为了用户可以更聚焦于内容,就要考虑将次要内容折叠隐藏起来甚至删除,微信、QQ、支付宝右上角的加号还有很多APP的面包屑图标都属于移动化之后的隐藏。


移动应用框架中导航的设计模式
版权信息Copyright ? IT技术教程 版权所有??? ICP备案编号:鲁ICP备09013610号