3.大道至簡,一目了然
優(yōu)秀的iPad應(yīng)用的用戶界面共性是什么?簡單的操作和優(yōu)雅的用戶體驗,加上“少而精”的功能總是能吸引眾多愛慕者。首先保持應(yīng)用的操作簡單,在設(shè)計中不要指望著用幫助按鈕來解釋說明如何操作,那些只是留給少數(shù)用戶的耐性測試題。試問需要不斷的一邊閱讀產(chǎn)品說明書,一邊琢磨怎么進(jìn)行操作的體驗會讓用戶覺得流暢么? 此外,在iPad的界面設(shè)計中還有一個更大的誤區(qū):傳統(tǒng)的小屏幕的iPhone設(shè)計師們來到iPad這塊廣闊的大舞臺上,容易抵擋不住大屏幕的誘惑,在界面上設(shè)計出更多的UI。而事實上一個更大的屏幕并不意味著你需要全部將其顯示出來。
這一點Pages就做的非常不錯:
它看上去像一個閱讀的app,但當(dāng)你需要與它進(jìn)行交互的時候,與編輯相關(guān)的界面就呈現(xiàn)出來了。
思考:選擇性地保留或者隱藏掉一些界面,直到用戶需要的時候及時被“呼喚”出來,讓用戶“所見即所得,所得則會用”,這種大道至簡的設(shè)計思想正是讓你應(yīng)用保持魅力的關(guān)鍵所在。
4.方向適配,布局多變
相比而言,傳統(tǒng)的UI設(shè)計就像是在一塊指定大小的畫布上進(jìn)行繪畫。而 “縱” 與 “橫” 的轉(zhuǎn)變 (portrait and landscape) 給設(shè)計師們帶來了新的需求,他們需要關(guān)心的不僅僅是界面展現(xiàn)上的美感, 更要考慮界面如何適配這2種視圖的改變以及如何優(yōu)化這些變化對體驗的影響。
iPad和iPhone最大的不同之處是屏幕大小。iPad有更多的空間來展示,所以在設(shè)計app時盡可能的減少頁面層級,避免讓用戶打開一個又一個的頁面來完成整個操作流程。
Mail利用氣泡形式收納起了導(dǎo)航部分,當(dāng)用戶需要時,點開一個按鈕即可展示,同時可以在右側(cè)進(jìn)行相關(guān)其他操作。 由豎變橫時,隨著寬度的增加,設(shè)計師在設(shè)計時就將原本隱藏的導(dǎo)航部分,展示了出來。 在布局層次上保持了一致,用戶對整個流程的體驗也得到了優(yōu)化。
很多應(yīng)用在iPad上的展示都如此:
由此可見,在遭遇橫豎屏轉(zhuǎn)換時,應(yīng)避免改變用戶在橫豎屏切換中的使用習(xí)慣。即使屏幕進(jìn)行了橫豎切換,在層級架構(gòu)、頁面布局、展示上保持基本原則上的一致,這樣才能保證用戶不會在使用過程中迷路。
思考:有時候即使是方向適配也需要考慮成本! 如何以最小的代價在 “縱”“橫”之間保持游刃有余,而又要保持美觀? 可能對于一些個人開發(fā)者更是需要深思的問題。
總結(jié) “未雨綢繆方能事不愁”,美好的設(shè)計總是需要先為用戶考慮更多。對于我們設(shè)計師們而言,iPad不僅僅是一個“放大”的iPhone那么簡單,它“放大”的更是視覺上和體驗上更多想象的空間,同時還有機遇和挑戰(zhàn)。
原文:http://mux.baidu.com/2011/05/986/
本文鏈接:http://m.95time.cn/design/doc/2011/8469.asp
出處:MUX
責(zé)任編輯:bluehearts
上一頁 UI設(shè)計秘訣之iPad篇 [2] 下一頁
|