1履澳、產(chǎn)品版本信息
酷市場APP,V6.10.9, android
2糖赔、產(chǎn)品簡介
豐富貼心的功能可以滿足英語聽力口語訓(xùn)練、背單詞和英語考試等方面的學(xué)習(xí)需求轩端。
3放典、頁面結(jié)構(gòu)分析
3.1導(dǎo)航設(shè)計
3.1.1 主導(dǎo)航
酷市場主導(dǎo)航使用頂部Tab導(dǎo)航,能夠讓用戶快速了解核心功能基茵,頁面切換方便刻撒,簡單高效,缺點(diǎn)就是會占據(jù)一定屏幕高度耿导,可展示的功能數(shù)量少;
所以酷市場將不太常用的功能放置在抽屜式導(dǎo)航态贤,而垂直列表展示效果舱呻,延展性高,缺點(diǎn)就是列表展示的信息過多,造成信息架構(gòu)廣度上的負(fù)擔(dān)箱吕;酷市場充分利用兩種導(dǎo)航的優(yōu)勢芥驳,承載主次功能,遵守規(guī)范的同時茬高,方便用戶使用兆旬。
3.1.2 懸浮導(dǎo)航
除了以上兩種導(dǎo)航,酷市場根據(jù)不用功能頁面需求怎栽,使用了FAB按鈕丽猬,MD設(shè)計的陰影效果提升了產(chǎn)品的空間感;
滾動頁面時熏瞄,浮動操作按鈕應(yīng)該消失脚祟,一旦向上滾動,則重現(xiàn)强饮,易于使用由桌;
缺點(diǎn)就是同樣一模一樣的FAB按鈕,實際在不同頁面上代表的操作是不一樣的邮丰,比如在應(yīng)用集它是用于建立文集行您,在應(yīng)用圈是發(fā)表動態(tài),如果FAB的圖標(biāo)能夠根據(jù)不同操作調(diào)整標(biāo)識設(shè)計剪廉,提升認(rèn)知度的同時娃循,減少用戶理解成本。
3.2 頁眉
酷市場的頁眉設(shè)計妈经,應(yīng)該是android系統(tǒng)下的典型設(shè)計淮野,左上角一級頁面放置抽屜式導(dǎo)航的入口,其余二三層級等頁面為返回吹泡,右上角應(yīng)用欄展示搜索骤星、消息、下載等工具爆哑。
3.3頁面布局
因為酷市場的頁面為了對應(yīng)不同的內(nèi)容使用了垂直列表和卡片式列表的展示方式洞难,所以以下根據(jù)展示方式對頁面進(jìn)行分析:
3.3.1 卡片式
應(yīng)用類別的功能頁面,主要以卡片式的設(shè)計出現(xiàn)揭朝,盡管它需要展示的數(shù)量不一队贱,需要用戶操作的信息不一,使用卡片式潭袱,依舊能夠保證一致性柱嫌;
但是因為應(yīng)用的數(shù)量實在太多,用戶很多時候需要點(diǎn)擊到下一頁面才能進(jìn)行完整挑選屯换,所以針對圖1圖2的應(yīng)用展示编丘,推薦采用泳道式內(nèi)容展示設(shè)計進(jìn)行垂直排列的輪顯与学,水平滑動挑選內(nèi)容,在獲取更多信息的同時嘉抓,用戶的操作行為也會變得更高效索守;
而卡片式的設(shè)計同時被運(yùn)用在發(fā)現(xiàn)這種社交屬性的功能模塊下,卡片式的靈活性抑片,不僅能讓用戶對內(nèi)容進(jìn)行理解性地閱讀卵佛,同時用戶可以在當(dāng)前頁對內(nèi)容進(jìn)行操作,甚至能在當(dāng)前頁把操作完成敞斋。
3.3.2 垂直列表式
應(yīng)用信息相關(guān)展示類截汪,酷市場都采用了垂直列表的展示設(shè)計,它能夠在較小的屏幕中顯示多條信息渺尘,用戶通過上下滑動的手勢能獲得大量的信息反饋挫鸽,列表上顯示的信息,用戶在瀏覽時鸥跟,可以快速地處理大量的信息丢郊,而且高頻地在極短時間內(nèi)進(jìn)行決策;
缺點(diǎn)是医咨,圖1中枫匾,列表的高度和對展示內(nèi)容的信息量出現(xiàn)了不一致,這一塊拟淮,需要優(yōu)化下信息內(nèi)容的一致性干茉,不造成用戶的理解成本。
4很泊、總結(jié)
酷市場的整體布局角虫,都是很好的遵循了android規(guī)范,信息層級雖然多委造,但是多種布局方式的配合下戳鹅,還是能夠很好的對用戶進(jìn)行信息傳達(dá)和便于用戶操作。