體驗了晉江App掏湾,以一個新手用戶的角度分析下交互設(shè)計,并給出我的一些小小的建議驳癌。
這兩天迷戀上看些不費腦子的文字,搜到的各種小說都告訴我晉江小說可以看曲横,于是就下載了=喂柒。=
但是。禾嫉。灾杰。。除了看幾章內(nèi)容就要付費令人糟心以外熙参,體驗了晉江App艳吠,以一個新手用戶的角度分析下交互設(shè)計,并給出我的一些小小的建議孽椰。
視覺層次對比
晉江給人的第一個感覺是這個界面很粗糙昭娩,整體顏色偏灰。
從對比來看黍匾,晉江給予人一種頭重腳輕的感覺栏渺,從顏色上來說,QQ閱讀的藍(lán)色和白色锐涯,以及起點閱讀的紅色和白色磕诊,都會給人一種輕快的感覺。并且書籍的尺寸也會讓人更好讀纹腌。
個人在視覺層次的建議:
1.將書的封面尺寸放大些霎终,書名與封面分開,保證可閱讀性升薯。
2.顏色的明度高一些莱褒,讓用戶在視覺上有一種悠閑,明亮的感覺涎劈。
導(dǎo)航展示
如上圖所示广凸,
1.晉江網(wǎng)將tab放在了操作頂部阅茶,這個操作給用戶單手帶來很大的操作阻礙。
2.書架炮障,書城的tab中都會有搜索和我的目派,論壇中也是有我的。從行為上胁赢,論壇的我的很容易造成誤解企蹭,盡管icon樣式上稍微的不一樣,但是很不好分辨智末。
個人建議:將Tab放在底部谅摄,分為:書架,書城系馆,論壇送漠,我的。論壇的我的由蘑,和書架書城的我的闽寡,進(jìn)行合并。
3.臨時書架是一個給書架分組的操作尼酿。右邊的是模式的選擇和排序的選擇爷狈。這樣放置會使用戶的操作注意力分散,不適合相互獨立裳擎。
個人建議:將兩個操作合并涎永。至于這個分組操作其實用戶并不是很在意,使用率也不高(原因是app沒有編輯分組的入口鹿响,只有全部羡微,未分組,臨時書架)
4.書城中的頁面展示很單一惶我,并且分類有些是可以不用放置為一個Tab的妈倔。比如說,標(biāo)簽绸贡,個人覺得這個tab可以插入頁面盯蝴,提高點擊率,并可以豐富頁面恃轩。
個人建議:書城頁面中的分類需要根據(jù)需求再次精簡结洼,并且內(nèi)容展示要更加差異化黎做。
晉江書架叉跛,書城Redesign展示(交互原型)
優(yōu)化了什么?
1.將之前的頂部tab放置在底部蒸殿。較少頭重腳輕的感覺筷厘。
2.將“書城”改為“發(fā)現(xiàn)”鸣峭。發(fā)現(xiàn)tab中主要分為書城和分類兩塊。之前的滑動切換的tab成為書城的子集酥艳,并將入口放置在首屏內(nèi)摊溶。
3.增加了運營banner,可主推熱門書籍充石。
4.將標(biāo)簽穿插在不同的板塊之間莫换,并且根據(jù)不同板塊的重要性改動其交互方式,但是和產(chǎn)品整體統(tǒng)一骤铃。