2013-3-28 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源:http://www.333cn.com/media/hyzx/137393.html
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
藍(lán)藍(lán)推薦這篇文章,仔細(xì)閱讀,必有收獲。
首先和大家分享幾個(gè)數(shù)據(jù):
·Apple開發(fā)者向 iOS App Store 提交的應(yīng)用數(shù)量突破100萬(wàn)款大關(guān)
·有 4 億用戶了Apple ID,一共下載了350億次應(yīng)用
上面由Appfire提供的監(jiān)控和統(tǒng)計(jì)數(shù)據(jù),由數(shù)據(jù)看來(lái), 蘋果開放的App store模式是喬布斯時(shí)代最成功的商業(yè)模式,不僅成就了他今天的輝煌,同時(shí)也帶動(dòng)了手機(jī)類App的發(fā)展。App Store在擁有百萬(wàn)款數(shù)量級(jí)的情況下,引導(dǎo)用戶快速、的找到所需的優(yōu)質(zhì)App不是一件簡(jiǎn)單的事情,由此也能得出蘋果App Store這次版本升級(jí)的主要緣由及目的。伴隨開發(fā)者、App、用戶、下載數(shù)量的激增,蘋果對(duì)App Store做了全新調(diào)整,包括信息架構(gòu)、信息設(shè)計(jì)、交互操作都做了全新的調(diào)整升級(jí)。下面隨這幾個(gè)方面詳細(xì)展開討論。
新版的信息重構(gòu)后整體呈扁平化結(jié)構(gòu),在架構(gòu)上采用淺而廣的分類方式,信息展示層級(jí)減少,使100萬(wàn)數(shù)量之多的龐大應(yīng)用庫(kù),導(dǎo)覽清晰、查找便利。
1. 體現(xiàn)最明顯的是,默認(rèn)首屏的精品推薦
去掉Title Bar上的Tab操作,層次更清晰;Banner改為橫向輪播切換;新品推薦由三十個(gè)條目改為一個(gè)橫向滑動(dòng)切換條目;節(jié)省下的空間新增了兩條運(yùn)營(yíng)位置及另外兩條出色App和精彩游戲的條目。信息量加大的同時(shí)增加運(yùn)用位置,可以讓更多精彩App有更多機(jī)會(huì)展示。下圖左側(cè)是iPad新版增加的模塊
2. 工具欄上的類別項(xiàng)目放到推薦、排行、Genius的頂部Bar上并以模態(tài)展現(xiàn)。
3. Genius功能回歸
在新版中將Genius提到工作欄位置,目前能見到的就是Genius根據(jù)你所下載的App,了解你的喜好并發(fā)送給服務(wù)器,服務(wù)器根據(jù)信息再下發(fā)類似相關(guān)的App。所以你使用Genius時(shí)間越來(lái)越久,收集到的喜好越,也就越能摸得準(zhǔn)你的喜好且智能化推送App也越符合你的心意。盡管它還待進(jìn)一步功能細(xì)化,不得不讓人猜測(cè)App Store部署的下一部將是智能化、個(gè)性化推薦應(yīng)用方向。
4. 前25名改為排行榜,減少Tab切換,改為條目橫向平移的方式
App個(gè)數(shù)隨滑動(dòng)加載,無(wú)需點(diǎn)擊跳轉(zhuǎn)。下載安裝的功能前置,快捷了用戶的下載操做。尤其是屏幕尺寸大的iPad,三列排行榜同頁(yè)面無(wú)須切換既能下載安裝。
較舊版的架構(gòu),新版做了較大的調(diào)整,扁平化架構(gòu)及淺而廣的布局方式使屏幕空間進(jìn)一步利用。用戶搜索信息的方式也充分體現(xiàn):Known-item已知項(xiàng)目的搜索框,Exploratory探索的推薦,無(wú)特定目標(biāo)情況下的排行榜單,所有的用戶搜索入口的方式更明確,同時(shí)增加了Genius個(gè)性化推薦,向智能化、個(gè)性化邁進(jìn)一步。
1. 去掉Tab設(shè)計(jì),改為條目滑動(dòng)切換
最右邊的App Icon只露出一半,自然教育用戶右邊還有更多內(nèi)容,當(dāng)向左滑動(dòng)的時(shí)候輔以平滑移動(dòng)的動(dòng)效提示,加深用戶認(rèn)知理解。這種交互設(shè)計(jì)已經(jīng)在手機(jī)系統(tǒng)里很常見了,如iOS系統(tǒng)桌面、Windows Phone 7的屏幕切換操作。優(yōu)點(diǎn)有方便信息獲?。辉黾舆\(yùn)營(yíng)推廣位置;條目的方式便于以后新App集合條目的加減,靈活性高。
2. 操作方式由上下滑動(dòng)切換,到上下左右切換,增加了一個(gè)操作維度
這種操作方式大大提高手機(jī)的空間利用率,且操作方式簡(jiǎn)單易用、容易上手,明顯感覺比Tab切換高明。
3. 減少操作阻斷感
當(dāng)App下載操作完成的時(shí)候,用戶將不再直接被踢回主屏幕,App Store依然維持打開狀態(tài),用戶可盡情瀏覽,對(duì)像我這種App下載控來(lái)說(shuō)無(wú)疑是福音。影響: 無(wú)間斷的下載操作,可以降低用戶的下載成本,以提高用戶的下載安裝量。但可能狗血的是,用戶下載后就很少使用,降低了產(chǎn)品本身的活躍率。
1. 讀圖時(shí)代,以圖勝文
以App詳情頁(yè)新布局排版為例(參照下圖),突出產(chǎn)品形象圖片信息前置,文字信息只顯示部分其他隱藏后置,增加開發(fā)商和相關(guān)產(chǎn)品的展示位,整個(gè)版式通透、、提高美觀度的同時(shí)又突出主要信息吸引用戶。
2.撲克式搜索結(jié)果布局亮相
無(wú)疑是新App Store中的亮點(diǎn)——搜索結(jié)果頁(yè)界面增加了類似Chomp(蘋果收購(gòu),計(jì)劃用于重新設(shè)計(jì)App Store UI)的界面縮略圖,用于展示App的信息。目前在iPhone上一次呈現(xiàn)一個(gè)結(jié)果,iPad一次可呈現(xiàn)六個(gè)。影響:毫無(wú)疑問(wèn),UI層面有了創(chuàng)新的展現(xiàn),但是闡述產(chǎn)品信息的唯一一張截圖會(huì)顯得更加重要。同時(shí)的確會(huì)增加瀏覽查看的負(fù)擔(dān),因?yàn)檫@需要更多的翻屏與刷新,是否具有實(shí)用性也有待考究。
3. 與iOS6系統(tǒng)級(jí)的Title和Bar保持一致設(shè)計(jì)
與內(nèi)容區(qū)的扁平化做區(qū)別,強(qiáng)調(diào)操作區(qū)域的特性,對(duì)地址欄的操作區(qū)域做明顯區(qū)塊化分割,增強(qiáng)點(diǎn)擊按下的視覺感,以加強(qiáng)用戶的認(rèn)知,引導(dǎo)在其上進(jìn)行操作。內(nèi)容區(qū)以瀏覽閱讀為主要目的,故減少擬物化,放棄了之前折紙明暗條目的設(shè)計(jì)方式,采用輕盈扁平的質(zhì)感,以內(nèi)容為王,使信息能快速且輕松被獲取,減少阻斷感。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://yvirxh.cn