最初的App Store是在九年前2021年首次推出上線使用，為開發(fā)者和用戶提供服務(wù)。目前時過進(jìn)遷，隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，如今的市場上有超過200多萬的App正在 改變著我們的生活方式 。蘋果為了用戶更好的體驗，以及適應(yīng)如今市場的新需求，將傳統(tǒng)應(yīng)用推薦模式進(jìn)行推倒重塑，2021年秋季蘋果再次推出了全新的App Store（ios11測試版）。

一、UI優(yōu)化更新

舊版采用ios傳統(tǒng)垂直下拉式展示頁面，icons＋文字信息；

新版采用蘋果近些年熱衷于使用的卡片式設(shè)計，海報＋文案。

設(shè)計相關(guān)思考：

卡片式設(shè)計是在柵格化基礎(chǔ)上優(yōu)化而形成的設(shè)計形式，每一個卡片就是一個格子，將頁面分割為多個區(qū)域，他們之間的尺寸和間距都保持著關(guān)聯(lián)性，于此同時，可以更好的引導(dǎo)用戶的視線。由于版式的排列規(guī)矩，用戶可以更快的適應(yīng)當(dāng)前網(wǎng)頁的瀏覽形式，更快的注意到內(nèi)容和圖片，在視覺上不僅能給用戶帶來更好的視覺體驗，也更易于后期的設(shè)計與技術(shù)的迭代更新。

網(wǎng)頁設(shè)計中不論是在PC還是移動端都能保證視覺的統(tǒng)一性，并且能達(dá)到很好的 視覺體驗 。我們知道在移動端的時候，用戶十分注意加載速度與流量的控制，而卡片式頁面在移動端能保證兼容性的問題，相比版式多變的排版布局更容易響應(yīng)與顯示。

二、導(dǎo)航內(nèi)容規(guī)劃

在新版中蘋果取消了“類別”“排行榜”“精品推薦”；

并將圖標(biāo)從線框icons改為色塊icons；

欄目板塊劃分更為細(xì)化，實(shí)際是將“精品推薦”分為了“今天”“游戲”“App”三個板塊；

搜索內(nèi)容由原先的只可搜索游戲進(jìn)化到可搜索到軟文和其他欄目信息，變得更加豐富多元化；

設(shè)計相關(guān)思考：

早期的應(yīng)用平臺以及門戶網(wǎng)站，大多采用的都是用滿屏幕的App圖標(biāo)或者各類信息來抓取用戶的興趣點(diǎn)，吸引用戶停留，并且希望通過這種形式來展示品牌的多元化以及實(shí)力；

但是近幾年在網(wǎng)頁設(shè)計行業(yè)，用戶更趨向于簡潔的界面，拒絕過剩的信息以及多層級點(diǎn)擊操作的過程；通過突出表現(xiàn)的icons或者按鈕文字來引導(dǎo)用戶更精準(zhǔn)的查找內(nèi)容，我們需要分析當(dāng)代用戶群體的操作習(xí)慣，避免信息過剩的情況出現(xiàn)，更精準(zhǔn)的為用戶提供服務(wù)，解決用戶需求，并且引導(dǎo)用戶操作。

三、“今天Today”

內(nèi)容構(gòu)成： 編輯故事（蘋果編輯發(fā)布的軟文） +某款A(yù)pp+某款游戲+主題推薦榜。更新內(nèi)容信息時間為每日更新。為用戶推送最新或者最有價值的信息內(nèi)容，可以通過左右切換滑動，查看近幾日的推薦。

設(shè)計相關(guān)思考：

蘋果新版本最具有特色的就是 “今天Today” 欄目，全新的卡片式設(shè)計，全新的設(shè)計邏輯，每日由編輯們?yōu)橛脩籼峁┰瓌?chuàng)故事，分享自己的觀點(diǎn)與獨(dú)特視角，甚至可以和相關(guān)的開發(fā)人員溝通回復(fù)。這種形式的設(shè)計為App Store更是添加的了一份人文氣息。相較于其他的大部分App應(yīng)用平臺，更多了自己的一分特色，讓 App Store擺脫傳統(tǒng)的束縛，將其變?yōu)橐粋€可以互動交流的平臺，通過這樣可以增加用戶的瀏覽量，保持用戶的不斷探索的活力。

同樣在網(wǎng)頁設(shè)計中需要針對品牌的用戶群體進(jìn)行市場調(diào)查，有針對性的提供有利特色的內(nèi)容，首先確定網(wǎng)站的定位，再為網(wǎng)站定調(diào)。

四、“游戲Game”“應(yīng)用App”

游戲構(gòu)成：頭圖推薦＋本周新游＋精彩速覽＋付費(fèi)排行＋免費(fèi)排行＋游戲分類。

應(yīng)用構(gòu)成：頭圖推薦＋本周新品＋精彩速覽＋付費(fèi)排行＋免費(fèi)排行＋App分類。

設(shè)計相關(guān)思考：

新版本中一級欄目將“游戲”“應(yīng)用”單獨(dú)提出展示，是內(nèi)容化分布的趨勢，作為一個App Store更多的是一種服務(wù)性質(zhì)，通過用戶的瀏覽量，將最為重要的兩個欄目進(jìn)行提出劃分，更有利于引導(dǎo)用戶有針對性的進(jìn)行瀏覽。

欄目的版式規(guī)劃，有大圖banner展示最新推薦，小圖icons展示各種游戲圖標(biāo)，大圖與小圖形成節(jié)奏感的畫面，避免內(nèi)容的平等性，形成無形中等級的劃分，避免單調(diào)的頁面形式。

另外作為同等重要的兩個欄目，在欄目信息的規(guī)劃上，采用了同樣的版式設(shè)計方式，因為用戶在操作的過程中，更關(guān)注信息內(nèi)容的重要性而不是設(shè)計本身。并且在設(shè)計的過程中，同等級別的欄目盡量此采用同樣的版式設(shè)計，可以讓用戶在最短的時間內(nèi)接收到信息內(nèi)容以及操作起來的適應(yīng)程度。

五、“搜索”

搜索內(nèi)容由原先的只可搜索游戲進(jìn)化到可搜索到軟文和其他欄目信息，變得更加豐富多元化

設(shè)計相關(guān)思考：

現(xiàn)在社會用戶群體大多較為年輕化，生活方式節(jié)奏都很快，對于一部分用戶來說，他希望更直接的可以從搜索中找到自己所需要的內(nèi)容，這種增強(qiáng)型的搜索更加適用于此類用戶體驗。

在網(wǎng)頁設(shè)計中，不論是PC端還是移動端，都需要考慮到用戶閱讀習(xí)慣和操作習(xí)慣，大部分用戶的閱讀習(xí)慣時 從左至右，從上至下 ；但是操作習(xí)慣大部分用戶的鼠標(biāo)以及慣用手都是右邊，所以在新版的App Store中，搜索被移至最右邊的位置方便用戶點(diǎn)擊操作。

六、“詳情頁”

舊版中詳情內(nèi)容分為“詳情”“評論”“相關(guān)”三個切換 頁面，

新版中將所有內(nèi)容整合在一個頁面，并且增加了部分內(nèi)容。

設(shè)計相關(guān)思考：

新版的頁面布局有比較大的改變，將更多數(shù)字信息提取出來，展示在第一視線位置（評分／排行／年齡分級）。作為詳情頁就是需要展示更加完全的詳細(xì)的信息給客戶來閱讀，但是同時又要避免內(nèi)容的冗長繁瑣，所以在信息展示的時候，數(shù)據(jù)的展示的形式更為適用，合理的規(guī)劃版式能夠讓用戶花更少的時間閱讀更多的內(nèi)容。

七、評論

舊版的評論區(qū)是需要再次點(diǎn)擊切換才能進(jìn)行查看，評價內(nèi)容背景為色塊展示，評論信息大標(biāo)題＋星標(biāo)＋用戶名＋日期＋內(nèi)容，所有信息內(nèi)容全部左對齊，層級區(qū)分還算清晰，但是有些擁擠，容易閱讀疲勞。

新版本的內(nèi)容劃分更為清晰，并且更大更突出，信息獲取更加快速。新版本中每個評論都有單獨(dú)的氣泡色塊進(jìn)行區(qū)分，標(biāo)題＋星標(biāo)＋內(nèi)容（左對齊），日期＋用戶名（右對齊），所有的信息層級主次的劃分更為清晰。

在舊版中，由于三個欄目是采用左右切換的形式，所有在下滑的過程中，切換條保持固頂狀態(tài)，但是由于考慮小屏手機(jī)的用戶，包含瀏覽器自帶頂部導(dǎo)航后，固頂?shù)膬?nèi)容高度過多，會造成重要內(nèi)容區(qū)域視線變小，甚至可能會導(dǎo)致部分內(nèi)容看不全的問題存在。

在新版中優(yōu)化了這個操作體驗問題，取消了左右切換的內(nèi)容形式后，固頂?shù)膬?nèi)容更換為App icon 以及下載按鈕。不光解決了頂部導(dǎo)航過高的問題，并且優(yōu)化用戶隨時下載軟件的操作度，避免再次滑動回頂部下載的操作。

八、總結(jié)

從蘋果的App Store 最新的改版，我們可以分析到很多內(nèi)容上的更新，更多的兼顧到現(xiàn)代互聯(lián)網(wǎng)用戶的習(xí)慣去設(shè)計優(yōu)化，內(nèi)容欄目的劃分排序更精準(zhǔn)，通過以 用戶的心態(tài)去設(shè)計，了解目標(biāo)人群的共性 ，為品牌做出有利于設(shè)計，也有利于瀏覽的合理設(shè)計。

另外內(nèi)容的排版，要學(xué)會通過留白和顏色來進(jìn)行層級區(qū)分，達(dá)到頁面的節(jié)奏感。

內(nèi)容版式上有一定的一致性，用相同的版式去展示同等級的內(nèi)容，不要過多的追求變化，不要打破用戶的閱讀節(jié)奏。