体验了晋江App,以一个新手用户的角度分析下交互设计,并给出我的一些小小的建议。
这两天迷恋上看些不费脑子的文字,搜到的各种小说都告诉我晋江小说可以看,于是就下载了=。=
但是。。。。除了看几章内容就要付费令人糟心以外,体验了晋江App,以一个新手用户的角度分析下交互设计,并给出我的一些小小的建议。
视觉层次对比
晋江给人的第一个感觉是这个界面很粗糙,整体颜色偏灰。
从对比来看,晋江给予人一种头重脚轻的感觉,从颜色上来说,QQ阅读的蓝色和白色,以及起点阅读的红色和白色,都会给人一种轻快的感觉。并且书籍的尺寸也会让人更好读。
个人在视觉层次的建议:
1.将书的封面尺寸放大些,书名与封面分开,保证可阅读性。
2.颜色的明度高一些,让用户在视觉上有一种悠闲,明亮的感觉。
导航展示
如上图所示,
1.晋江网将tab放在了操作顶部,这个操作给用户单手带来很大的操作阻碍。
2.书架,书城的tab中都会有搜索和我的,论坛中也是有我的。从行为上,论坛的我的很容易造成误解,尽管icon样式上稍微的不一样,但是很不好分辨。
个人建议:将Tab放在底部,分为:书架,书城,论坛,我的。论坛的我的,和书架书城的我的,进行合并。
3.临时书架是一个给书架分组的操作。右边的是模式的选择和排序的选择。这样放置会使用户的操作注意力分散,不适合相互独立。
个人建议:将两个操作合并。至于这个分组操作其实用户并不是很在意,使用率也不高(原因是app没有编辑分组的入口,只有全部,未分组,临时书架)
4.书城中的页面展示很单一,并且分类有些是可以不用放置为一个Tab的。比如说,标签,个人觉得这个tab可以插入页面,提高点击率,并可以丰富页面。
个人建议:书城页面中的分类需要根据需求再次精简,并且内容展示要更加差异化。
晋江书架,书城Redesign展示(交互原型)
优化了什么?
1.将之前的顶部tab放置在底部。较少头重脚轻的感觉。
2.将“书城”改为“发现”。发现tab中主要分为书城和分类两块。之前的滑动切换的tab成为书城的子集,并将入口放置在首屏内。
3.增加了运营banner,可主推热门书籍。
4.将标签穿插在不同的板块之间,并且根据不同板块的重要性改动其交互方式,但是和产品整体统一。