您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 交互設(shè)計 >> 瀏覽設(shè)計教程

體驗新版Apple AppStore ——App設(shè)計從業(yè)人員必讀(2)

行榜同頁面無須切換既能下載安裝。

較舊版的架構(gòu),新版做了較大的調(diào)整,扁平化架構(gòu)及淺而廣的布局方式使屏幕空間進一步利用。用戶搜索信息的方式也充分體現(xiàn):Known-item已知項目的搜索框,Exploratory探索的推薦,無特定目標情況下的排行榜單,所有的用戶搜索入口的方式更明確,同時增加了Genius個性化推薦,向智能化、個性化邁進一步。
 

二.交互層面

1. 去掉Tab設(shè)計,改為條目滑動切換
最右邊的App Icon只露出一半,自然教育用戶右邊還有更多內(nèi)容,當向左滑動的時候輔以平滑移動的動效提示,加深用戶認知理解。這種交互設(shè)計已經(jīng)在手機系統(tǒng)里很常見了,如iOS系統(tǒng)桌面、Windows Phone 7的屏幕切換操作。優(yōu)點有方便信息獲??;增加運營推廣位置;條目的方式便于以后新App集合條目的加減,靈活性高。

2. 操作方式由上下滑動切換,到上下左右切換,增加了一個操作維度
這種操作方式大大提高手機的空間利用率,且操作方式簡單易用、容易上手,明顯感覺比Tab切換高明。

3. 減少操作阻斷感
當App下載操作完成的時候,用戶將不再直接被踢回主屏幕,App Store依然維持打開狀態(tài),用戶可盡情瀏覽,對像我這種App下載控來說無疑是福音。影響: 無間斷的下載操作,可以降低用戶的下載成本,以提高用戶的下載安裝量。但可能狗血的是,用戶下載后就很少使用,降低了產(chǎn)品本身的活躍率。
 

三.視覺維度

1. 讀圖時代,以圖勝文
以App詳情頁新布局排版為例(參照下圖),突出產(chǎn)品形象圖片信息前置,文字信息只顯示部分其他隱藏后置,增加開發(fā)商和相關(guān)產(chǎn)品的展示位,整個版式通透、高效、提高美觀度的同時又突出主要信息吸引用戶。

2.撲克式搜索結(jié)果布局亮相
無疑是新App Store中的亮點——搜索結(jié)果頁界面增加了類似Chomp(蘋果收購,計劃用于重新設(shè)計App Store UI)的界面縮略圖,用于展示App的信息。目前在iPhone上一次呈現(xiàn)一個結(jié)果,iPad一次可呈現(xiàn)六個。影響:毫無疑問,UI層面有了創(chuàng)新的展現(xiàn),但是闡述產(chǎn)品信息的唯一一張截圖會顯得更加重要。同時的確會增加瀏覽查看的負擔,因為這需要更多的翻屏與刷新,是否具有實用性也有待考究。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id1322.html
TGideas實例:加載,不只是少一點點
百度產(chǎn)品運營設(shè)計經(jīng)驗閑談
圖趣網(wǎng)微信
建議反饋
×