- 首先,頁面變胖了。淘寶前段時間變胖的時候我們的UED還有過一篇文章記錄。以前apple實際寬度是適合800像素的,現(xiàn)在完全是全屏1024寬,更寬敞?梢苑鸥鄸|西。
- 導(dǎo)航重新組織重新設(shè)計了,這是最大的變動。這不光是重新設(shè)計了,最重要的是重新組織了導(dǎo)航。我們看下面,以前是2級導(dǎo)航,選了一層之后還有另一層需要選,F(xiàn)在不用。第一層,apple按照主打產(chǎn)品分類,也就是在用戶心中,提到apple,會聯(lián)想到的產(chǎn)品:Mac、iPod、iPhone…非常簡單非常直觀。
做了一年的活動,和大少爺總結(jié)起來,“把信息進行分類”應(yīng)該是最重要的環(huán)節(jié)了。幫助用戶更快更方便的找到自己想要的東西,這才是設(shè)計。
- 導(dǎo)航上增加了search。這個早就該有啦。Mac風(fēng)格的搜索欄很簡單。
- 一直都覺得apple的首頁很好看,簡單畫了一個首頁的iBoard(詮釋的dalson臺灣GG跟我說的詞,一般我說頁面Layout和視覺路線)。我們會發(fā)現(xiàn),它具備了好的平面設(shè)計、好的網(wǎng)頁設(shè)計所必須的關(guān)鍵條件。
只有一條視覺路線:我們說好的網(wǎng)頁能夠引導(dǎo)用戶的視線,用戶不會不知道往哪里看,不會不知道什么時候該不該拉滾動條。同時,讓用戶花最多的時間在最重要的信息上,理解為在重要元素上的視覺路線最長。 只有一個視覺中心:apple網(wǎng)站的視覺中心太明顯了,就是中間的大圖,經(jīng)常會換,永遠是推他們目前最重要的產(chǎn)品。
接下來,我們看內(nèi)容頁面。就點首頁的Mac電腦進去,我們分別看到內(nèi)容同樣的界面。我印象里面白色版本的Mac主頁已經(jīng)是變胖后的了。變胖之后,分欄的方式改成了平均分,以前是左7右3的。記得承志說過,網(wǎng)頁作成1024寬的,分列就特別重要,分成4列的話,用戶會找不到東西。所以163、sina改版變胖后用了3列。我們發(fā)現(xiàn)apple現(xiàn)在是2列,大家可以體會一下拉著滾動條從上往下拉的時候,眼睛是不需要左右晃的,不像3列或者4列的,這樣就會讓用戶比較輕松。
出處:Taobao.com UI Team
責(zé)任編輯:ishiwei
上一頁 非設(shè)計師談設(shè)計之Apple改版 [1] 下一頁 非設(shè)計師談設(shè)計之Apple改版 [3]
|