1、产品版本信息
酷市场APP,V6.10.9, android
2、产品简介
丰富贴心的功能可以满足英语听力口语训练、背单词和英语考试等方面的学习需求。
3、页面结构分析
3.1导航设计
3.1.1 主导航
酷市场主导航使用顶部Tab导航,能够让用户快速了解核心功能,页面切换方便,简单高效,缺点就是会占据一定屏幕高度,可展示的功能数量少;
所以酷市场将不太常用的功能放置在抽屉式导航,而垂直列表展示效果,延展性高,缺点就是列表展示的信息过多,造成信息架构广度上的负担;酷市场充分利用两种导航的优势,承载主次功能,遵守规范的同时,方便用户使用。
3.1.2 悬浮导航
除了以上两种导航,酷市场根据不用功能页面需求,使用了FAB按钮,MD设计的阴影效果提升了产品的空间感;
滚动页面时,浮动操作按钮应该消失,一旦向上滚动,则重现,易于使用;
缺点就是同样一模一样的FAB按钮,实际在不同页面上代表的操作是不一样的,比如在应用集它是用于建立文集,在应用圈是发表动态,如果FAB的图标能够根据不同操作调整标识设计,提升认知度的同时,减少用户理解成本。
3.2 页眉
酷市场的页眉设计,应该是android系统下的典型设计,左上角一级页面放置抽屉式导航的入口,其余二三层级等页面为返回,右上角应用栏展示搜索、消息、下载等工具。
3.3页面布局
因为酷市场的页面为了对应不同的内容使用了垂直列表和卡片式列表的展示方式,所以以下根据展示方式对页面进行分析:
3.3.1 卡片式
应用类别的功能页面,主要以卡片式的设计出现,尽管它需要展示的数量不一,需要用户操作的信息不一,使用卡片式,依旧能够保证一致性;
但是因为应用的数量实在太多,用户很多时候需要点击到下一页面才能进行完整挑选,所以针对图1图2的应用展示,推荐采用泳道式内容展示设计进行垂直排列的轮显,水平滑动挑选内容,在获取更多信息的同时,用户的操作行为也会变得更高效;
而卡片式的设计同时被运用在发现这种社交属性的功能模块下,卡片式的灵活性,不仅能让用户对内容进行理解性地阅读,同时用户可以在当前页对内容进行操作,甚至能在当前页把操作完成。
3.3.2 垂直列表式
应用信息相关展示类,酷市场都采用了垂直列表的展示设计,它能够在较小的屏幕中显示多条信息,用户通过上下滑动的手势能获得大量的信息反馈,列表上显示的信息,用户在浏览时,可以快速地处理大量的信息,而且高频地在极短时间内进行决策;
缺点是,图1中,列表的高度和对展示内容的信息量出现了不一致,这一块,需要优化下信息内容的一致性,不造成用户的理解成本。
4、总结
酷市场的整体布局,都是很好的遵循了android规范,信息层级虽然多,但是多种布局方式的配合下,还是能够很好的对用户进行信息传达和便于用户操作。