智能手机发展到现在,就连QQ、微信这两个亿万级别用户量的App都一直在不断在视觉上进行优化,为了给用户最好的使用感和视觉体验,那我们地方社区APP不妨也多在APP界面设计上下功夫,以此来获得更多年轻用户群体的喜爱。
??QQ形象发展
??微信初版界面
首页界面是门面工程,如果用户从点开那一瞬间就表示嫌弃,然后……就没有然后了。
首页界面告诉用户的主要功能和特点,在App便捷容易操作的前提下,用户才会留下你。其次,不同的界面会给人带来截然不同的用户体验。如果你的App开发是一个人,那界面就是一个人的衣着与发型。你的形象落落大方、赏心悦目,用户才愿意与你继续发展。
简言之,你的APP设计界面在满足基本的美观的同时,还需要根据用户的使用场景,操作与生活的习惯方式。所以,“以用户为中心”的界面设计值得每一位站长重视。
接下来小编会指出目前一些站点界面设计时存在的问题,以供大家参考,对照调整优化自己的APP界面。
一般在APP内容运营上,大家都会选择把最重要的内容呈现至首页,比如新上线的活动、最新的推广banner。对于地方社区来说,每一条信息都是不可或缺的流量通道,如果做不到信息之间取舍,那整个页面就会拥挤不堪。
这时候如果有UI设计师,对于整体内容布局的把控就能起到举足轻重的作用。但即使没有专业的UI设计师,在马甲后台可以自由选择组件模块自行DIY,界面设计也会简单易行。
我们先来看看豆瓣、小红书、知乎这三大不同领域的社区在界面上的展示。
豆瓣,以UGC内容搭架的文青社区
(搜索栏+图标导航+信息流)
??
小红书,生活方式分享&购物社区
(频道页+搜索栏+标签页+信息流)
??
知乎,知识问答社区
(搜索栏+频道页+推荐栏+信息流)
??
这三大社区的App首页模块3~ 4 个,我们可以一窥:简洁与舒适是App界面的趋势。
我们再来看看本地社区的首页组件配置。本地社区首页配置一般都会有固定的三大模块:
图片轮播使得主屏上最重要的位置可以展示多页内容。页面顶部显示了更多的信息,用户有更大的可能性看到它们。轮播图往往展示的是最新的信息内容,所以更新速度比较快。
在配置banner的时候,一定要把握以下几点:
1. “内容为王”,只显现重要消息,及时更新相关banner图。
2. 建议轮播页页数最好少于 5 页,用户不会读更多内容。
3. 确保图片质量和信息的完整度,保证用户一眼get到重点。
??濠滨论坛banner图
濠滨论坛的图片轮播就做得比较好,图片信息都与其内容相吻合,而且高清大气上,信息简洁明了,更新及时。
图标导航作为功能入口,实现页面跳转,在为本地用户带来便利的同时,更是吸引流量的关键入口。
图标导航一般4~ 5 个一排,设置两排足矣,同时图标设置还要考虑以下几点:
1. 图标风格统一,最好有视觉冲击力。可能对于外行来说,设计统一风格的图标难度较大,可以去icon网站下载免费资源或者找灵感。
Flatcion,最大的扁平化图标素材库:https://www.flaticon.com/
爱看图标网,免费中文图标搜索:http://www.iconpng.com/
阿里巴巴矢量图标库,中国第一个最大且功能最全的矢量图标库:http://www.iconfont.cn/