隨著ipad進(jìn)入到人們的視線,把我們帶進(jìn)了平板電腦的時代。對于ui設(shè)計師來說如何舍去傳統(tǒng)的電腦更有效的利用ipad進(jìn)行設(shè)計呢?下面小編給大家介紹了如何利用ipad ui設(shè)計出優(yōu)秀的用戶界面,一起來看看吧。
1.模擬真實,沉浸其中
大的屏幕、可以觸摸的操作、支持多種手勢…這一切條件都為讓用戶能沉浸于你的設(shè)計中提供了條件,那么如何將設(shè)計與用戶生活的環(huán)境、習(xí)慣更好的結(jié)合,獲得最佳的體驗,就成為了一個挑戰(zhàn)。
Flipboard是一個非常好的例子,他沒有任何的導(dǎo)航,但是卻在你打開使用他的第一時間,使你能馬上沉浸其中。你不會因為沒有導(dǎo)航而迷失,因為每一個界面所展示的內(nèi)容會讓你一直保持跟隨的思路。
為什么這本非紙質(zhì)的雜志,能吸引用戶,讓用戶在打開它的那一刻就感覺自己像真正在閱讀紙質(zhì)雜志而投入其中呢?
打開這個應(yīng)用后的第一個界面,讓用戶頓時感覺在看一本雜志的封面,情景很好的與用戶傳統(tǒng)的閱讀習(xí)慣相結(jié)合。占滿整個封面的背景圖、雜志名、少數(shù)簡介無一不是參考了傳統(tǒng)的紙質(zhì)雜志的方式。
翻開第一頁,有序的排列著主要提供瀏覽的內(nèi)容,讓用戶一目了然,不需要進(jìn)行思考的就能選擇自己喜歡閱讀的內(nèi)容。翻頁的動畫效果也真實的模擬了傳統(tǒng)紙質(zhì)的翻頁方式,提供給了用戶一個相當(dāng)熟悉的生活環(huán)境和閱讀環(huán)境。這樣的沉浸感,用戶如何會不愛呢?

(圖片來自網(wǎng)絡(luò))
2.激發(fā)探索,恰到好處
無可否認(rèn)iPad給予了ui設(shè)計師們更多的創(chuàng)作靈感。那些各具設(shè)計感的界面不但在視覺上令人賞心悅目,交互體驗上也多種多樣。然而對于設(shè)計師來說內(nèi)容的布局,信息的層次是難以把握的難題。并不是所有內(nèi)容都需要逐一擺在界面上,那些適度隱藏了的某些內(nèi)容,正是等待用戶去發(fā)現(xiàn)的地方。
在 Cool Hunting 的應(yīng)用中,一些聰明的用戶在沒有任何提示的情況下會發(fā)現(xiàn):可以通過左右滑動上部的欄目來顯示更多圖片內(nèi)容,這些設(shè)計的小細(xì)節(jié)會令迅速發(fā)現(xiàn)了這一項很cool的設(shè)計的用戶,獲得一絲探索的喜悅和成就感。
可還有一些用戶卻無法察覺到這些,他們可會花掉更長的時間,最后即使發(fā)現(xiàn)了也會抱怨:“連個提示都沒有,讓我找半天”。
好的設(shè)計要有一定的空間給予用戶來探索,但如果藏得太深又容易陷入類似的體驗困擾。在激發(fā)用戶探索的同時,也應(yīng)該注意必要時刻應(yīng)給用戶以提示,避免讓用戶陷入謎團(tuán)中。
思考:探索之愁就在這個“度”的把握上。既要讓用戶獲得一些探索的小喜悅,又要安撫用戶的耐心并讓應(yīng)用保持良好的體驗,是值得我們每一個設(shè)計師需要深思的問題。

(圖片來自網(wǎng)絡(luò))
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)鍵所在。

(圖片來自網(wǎng)絡(luò))
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)、頁面布局、展示上保持基本原則上的一致,這樣才能保證用戶不會在使用過程中迷路。

(圖片來自網(wǎng)絡(luò))
以上就是小編給大家介紹的如何利用ipad ui設(shè)計出優(yōu)秀的用戶界面,想要設(shè)計出優(yōu)秀的用戶界面不妨參考小編的文章哦。


在微信中搜索faceui