移動(dòng)設(shè)計(jì)的七原則

一枢冤、內(nèi)容優(yōu)先

對(duì)于手機(jī)而言嫉沽,屏幕空間資源顯得非常珍貴他嫡,為了提升屏幕空間的利用率枉长,界面的布局應(yīng)該以?xún)?nèi)容為核心,而提供符合用戶(hù)心里預(yù)期的內(nèi)容是移動(dòng)應(yīng)用獲得成功的關(guān)鍵裆蒸。那么在設(shè)計(jì)組織內(nèi)容時(shí)熔萧,要注意一下幾點(diǎn):從產(chǎn)品設(shè)計(jì)開(kāi)始,就不能抱有將pc上的一切功能都往移動(dòng)端搬得思想僚祷。敢于刪除不必要的內(nèi)容佛致,只抓重點(diǎn),是對(duì)移動(dòng)設(shè)計(jì)師德基本要求辙谜。

做到內(nèi)容優(yōu)先俺榆。在瀏覽內(nèi)容的過(guò)程中,適時(shí)的隱藏一些干擾功能筷弦,讓內(nèi)容最大化肋演。多采用手勢(shì)操作抑诸,也能極好的隱藏一些操作元素。

二爹殊、為觸摸而生

在觸屏設(shè)備上蜕乡,基于手指的手勢(shì)操作已經(jīng)代替了鼠標(biāo)的點(diǎn)擊操作。手勢(shì)操作靈活多變梗夸,交互自然层玲,但也帶來(lái)識(shí)別性差,操作精度不高等缺點(diǎn)反症。

1辛块、以信息架構(gòu)為基礎(chǔ),建立手勢(shì)交互規(guī)范

2润绵、優(yōu)先設(shè)計(jì)自然的手勢(shì)交互,而不只是點(diǎn)擊

3胞谈、引導(dǎo)用戶(hù)在情境中學(xué)習(xí)手勢(shì)操作

4尘盼、可出區(qū)域必須大于7*7mm,盡量大于9*9mm烦绳。在觸摸操作設(shè)計(jì)時(shí)卿捎,我們已經(jīng)知道,在界面中的可觸物理區(qū)域不應(yīng)該小于7*9mm径密,為了讓用戶(hù)能在各種情境中都容易操作午阵,建議可觸區(qū)域不應(yīng)小于9mm,但是可觸區(qū)域不同于屏幕中直接呈現(xiàn)的物理大小享扔,為了視覺(jué)及審美的需要底桂,有時(shí)設(shè)計(jì)時(shí)會(huì)把屏幕元素設(shè)計(jì)得較小。

三伪很、轉(zhuǎn)換輸入方式

文字輸入是移動(dòng)端得軟肋之一戚啥,不論手寫(xiě)輸入還是鍵盤(pán)輸入,操作效率都相對(duì)較低锉试,在行走或單手操作時(shí),輸入的出錯(cuò)率也較高览濒。那么在應(yīng)用設(shè)計(jì)時(shí)要注意盡量避免文字輸入呆盖,或者使用一些代替方案來(lái)提升輸入效率。

1贷笛、減少文本輸入应又,保留之前輸入的內(nèi)容。如在文本框中輸入內(nèi)容乏苦,要做到意外退出后能在返回株扛,依然可以看到之前輸入的內(nèi)容尤筐。也可以通過(guò)關(guān)鍵字聯(lián)想,如在搜索時(shí)輸入一個(gè)字洞就,可以通過(guò)聯(lián)想匹配讓用戶(hù)盡快找到目標(biāo)盆繁,而無(wú)需輸入全部文字。

2旬蟋、轉(zhuǎn)化輸入方式油昂,可以通過(guò)將常用的輸入框轉(zhuǎn)化為選擇控件,或其他自定義控件(如日期倾贰、地址冕碟、城市等可轉(zhuǎn)化為選擇項(xiàng)的)。

3匆浙、使用手機(jī)已有的傳感器輸入安寺,如語(yǔ)音、掃描識(shí)別(二維碼首尼、條形碼我衬、文字、圖片等)饰恕。

四挠羔、明確的反饋

屏幕小、硬件性能差埋嵌、網(wǎng)絡(luò)不穩(wěn)定等等破加,移動(dòng)產(chǎn)品需要面對(duì)各種情景,所以有效雹嗦、清晰范舀、及時(shí)的反饋起著重要作用。它能讓用戶(hù)知道自己的行為正在被后臺(tái)程序響應(yīng)和處理了罪。

1锭环、為用戶(hù)的行為操作提供提供及時(shí)的反饋。如點(diǎn)擊列表后背景會(huì)變灰色泊藕,這樣在網(wǎng)絡(luò)緩慢或性能較差的設(shè)備上辅辩,用戶(hù)能快速察覺(jué)到已經(jīng)點(diǎn)擊成功,從而避免多次點(diǎn)擊娃圆。

2玫锋、提供有價(jià)值的狀態(tài)提示反饋。避免使用模態(tài)窗口讼呢,打斷用戶(hù)的當(dāng)前任務(wù)撩鹿。早期的app對(duì)模態(tài)框的濫用,讓用戶(hù)很容易忽視框中的內(nèi)容悦屏〗诼伲可以考慮toast键思、狀態(tài)欄、導(dǎo)航欄等反饋方式甫贯,也可以考慮結(jié)合聲音吼鳞、震動(dòng)、閃光燈等組合方式获搏,讓反饋信息更有效赖条。

五、為中斷而設(shè)計(jì)

考慮到移動(dòng)應(yīng)用使用情景復(fù)雜而不穩(wěn)定常熙,在移動(dòng)場(chǎng)景中被打斷是很平常的事情纬乍,所以確保在各個(gè)產(chǎn)出中斷的情境下,讓用戶(hù)恢復(fù)之前的操作裸卫,保持用戶(hù)的勞動(dòng)付出仿贬。

1、保存用戶(hù)的操作墓贿,減少重復(fù)勞動(dòng)

網(wǎng)絡(luò)終端狀態(tài):在移動(dòng)應(yīng)用上行服務(wù)數(shù)據(jù)時(shí)茧泪,都需要考慮網(wǎng)絡(luò)狀態(tài)出現(xiàn)異常的狀況。例如新浪微博客戶(hù)端聋袋,當(dāng)博文發(fā)送不成功時(shí)會(huì)暫存到草稿箱中队伟;iphone發(fā)送消息不成功,也會(huì)保存內(nèi)容幽勒,標(biāo)記為發(fā)送失敗嗜侮,允許用戶(hù)重新發(fā)送。

編輯中斷:在編輯內(nèi)容的界面中啥容,要考慮在各種中斷事件后锈颗,保存已編輯的內(nèi)容,減少用戶(hù)的重復(fù)操作咪惠。

2击吱、銜接記憶而不是重頭開(kāi)始

當(dāng)用戶(hù)在閱讀是被打斷,基于內(nèi)容可分為兩種不同的情況遥昧,一是書(shū)籍類(lèi)的閱讀覆醇,用戶(hù)再次進(jìn)入界面后,銜接上一次正在閱讀的頁(yè)面而不是書(shū)本的首頁(yè)渠鸽;另一種是新聞閱讀類(lèi)的閱讀叫乌,需要根據(jù)時(shí)間間隔來(lái)判斷,超過(guò)一天時(shí)間沒(méi)有閱讀徽缚,再次進(jìn)入后,可以讓用戶(hù)選擇是否繼續(xù)閱讀或返回首頁(yè)最新內(nèi)容革屠,若時(shí)間間隔很短凿试,則直接返回之前的頁(yè)面內(nèi)容繼續(xù)閱讀排宰。

、為用戶(hù)的誤操作而設(shè)計(jì)

1那婉、在設(shè)計(jì)產(chǎn)品時(shí)板甘,通過(guò)頁(yè)面的設(shè)計(jì)、重組或特別安排详炬,盡量的防治用戶(hù)出錯(cuò)盐类,因?yàn)楸瘸霈F(xiàn)錯(cuò)誤信息提示更好的是更用心的設(shè)計(jì)防治這類(lèi)問(wèn)題的發(fā)生。

2呛谜、為了避免用戶(hù)的誤用和誤擊在跳,應(yīng)該為用戶(hù)提供撤銷(xiāo)和重做的功能。

3隐岛、當(dāng)用戶(hù)操作有誤需要錯(cuò)誤信息提醒時(shí)猫妙,錯(cuò)誤信息應(yīng)該用語(yǔ)言表達(dá),要較準(zhǔn)確地反應(yīng)問(wèn)題所在聚凹,并且為用戶(hù)提出一個(gè)建設(shè)性的解決方案割坠。

七、一致性

一致性是設(shè)計(jì)的基本原則妒牙,它可以讓產(chǎn)品更加的易用彼哼,降低用戶(hù)的認(rèn)知成本,從而帶來(lái)整體體驗(yàn)的提升湘今。

1敢朱、設(shè)計(jì)上的一致性:基本結(jié)構(gòu)布局、模塊化內(nèi)容象浑、文案蔫饰、交互行為和視覺(jué)風(fēng)格等方面的設(shè)計(jì)要遵循一致性的要求

2、于平臺(tái)環(huán)境一致:例如ios屏幕左上角的返回設(shè)置愉豺,除非產(chǎn)品的特殊設(shè)計(jì)需要篓吁,否則盡量不改變這樣的設(shè)計(jì),保持與平臺(tái)的一致性蚪拦,避免用戶(hù)在使用上的不習(xí)慣杖剪。

3、跨平臺(tái)的一致性:移動(dòng)產(chǎn)品往往是多平臺(tái)布局驰贷,包括ios盛嘿、android和web app,內(nèi)容設(shè)計(jì)上的處理要追求一致性括袒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末次兆,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子锹锰,更是在濱河造成了極大的恐慌芥炭,老刑警劉巖漓库,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異园蝠,居然都是意外死亡渺蒿,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)彪薛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)茂装,“玉大人,你說(shuō)我怎么就攤上這事善延∩偬” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵挚冤,是天一觀的道長(zhǎng)况增。 經(jīng)常有香客問(wèn)我,道長(zhǎng)训挡,這世上最難降的妖魔是什么澳骤? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮澜薄,結(jié)果婚禮上为肮,老公的妹妹穿的比我還像新娘。我一直安慰自己肤京,他們只是感情好颊艳,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著忘分,像睡著了一般棋枕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妒峦,一...
    開(kāi)封第一講書(shū)人閱讀 49,046評(píng)論 1 285
  • 那天重斑,我揣著相機(jī)與錄音,去河邊找鬼肯骇。 笑死窥浪,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的笛丙。 我是一名探鬼主播漾脂,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼胚鸯!你這毒婦竟也來(lái)了骨稿?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎啊终,沒(méi)想到半個(gè)月后镜豹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體傲须,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蓝牲,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了泰讽。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片例衍。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖已卸,靈堂內(nèi)的尸體忽然破棺而出佛玄,到底是詐尸還是另有隱情,我是刑警寧澤累澡,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布梦抢,位于F島的核電站,受9級(jí)特大地震影響愧哟,放射性物質(zhì)發(fā)生泄漏奥吩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一蕊梧、第九天 我趴在偏房一處隱蔽的房頂上張望霞赫。 院中可真熱鬧,春花似錦肥矢、人聲如沸端衰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)旅东。三九已至,卻和暖如春十艾,著一層夾襖步出監(jiān)牢的瞬間抵代,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工疟羹, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留主守,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓榄融,卻偏偏與公主長(zhǎng)得像参淫,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子愧杯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容