七個用戶體驗設計的小提示,助你建最佳的移動設計
好的規劃處理了這兩個疑問:它明晰重視用戶的首要方針,并經過界面明晰度消除用戶的一切妨礙。打開網頁時,一般會顯現登錄墻。請記住,過早的強制注冊也許致使超過85%的用戶放棄商品。鄙人面的示例中,Soundcloud請求用戶登錄才能拜訪運用的內容。
用于Android的SoundCloud運用程序請求用戶在初次發動時要創立或登錄帳戶。沒有其他的途徑。
商鋪結帳時經常遇到登錄墻。電商網站和運用程序的規劃師以為,經過登錄,用戶將能夠運用曾經保存的帳戶信息,因而不需求輸入其郵遞地址和信用卡號碼等信息。即使Amazon也有這個疑問——不供給客人結帳選項的服務。
亞馬遜強制用戶在退出之前注冊或登錄。
注冊選項也許會被客戶結帳選項安全地替換。在用戶經過結帳時緩慢收集數據,購買后請求輸入優惠券代碼的暗碼,如“Smashing Magazine”。
Smashing Magazine的結帳表。
避免信息超載
“信息超載”一詞由Hunter College政治學教授伯特蘭·毛特(Bertram Gross)在1964年“The Managing of Organizations”工作中創造出來。信息超載的總界說如下:
當體系的輸入量超過其處理才能時,會發作信息過載的現象。決議計劃者的認知處理才能恰當有限。因而,當信息發作超載的情況時,決議計劃的質量也會降低。
信息超載是一個很嚴重的疑問,阻止用戶做出決定或采取行動,因為他們以為他們有太多的消費信息。有一些簡略的辦法來最大程度地削減信息超載。一種多見的竅門是分化。結帳表是一個極好的比如。經歷法則是一次顯現最多五到七個輸入字段,并將結帳分化成頁面,必要時逐步公開字段。
分化使表單看起來更少,特別是當你從用戶那請求大量信息時。(圖畫:Murat Mutlu)
2、隱形用戶界面
使內容成為界面。
內容在大多數運用程序中供給價值。無論它是一個是社交源,新聞更新,待辦事項列表還是一些技能,如體系儀表板,內容即是大家在這里的因素!這即是為啥重視內容并刪除不支撐用戶使命的不用要的元素。思考到他們的注意力削減,應當將用戶迅速引導到他們要找的內容。 內容即是界面。
地圖
Google地圖是一個極好的比如。為了從頭規劃,Google刪除了一切不用要的面板和按鈕,稱該地圖為界面。
卡片
能夠用作界面的另一種形式是card-style design??ㄆ秋@現可操作內容的好辦法,因為它們答應內容自然地顯現出來。
卡片激勵探究。(圖畫:Ramotion)
Swiss Air的運用程序即是一個多見辦法的比如。在票價表中,每排成為折疊的手風琴,假如需求能夠打開。
Flipboard是界面中卡片的另一個極好的比如。 Flipboard是一個個性化的雜志,匯總來自新聞源和社交媒體網絡的內容,使你能夠發現和共享故事。
每張卡片都是可消化的有關信息。
3、呼吸界面
運用空白區域引起對重要內容的重視。
白色空間(或負空間)是規劃元素周圍的空白區域,這一般會被疏忽。盡管一些規劃師以為這是浪費寶貴的空間,但它是移動規劃的一個根本要素。Jan Tschichold說:
白色空間被以為是一個主動的元素,而不是被動的布景。
削減紊亂
界面超載了太多的紊亂信息。增加的每個按鈕,圖畫和文本行都會使屏幕更加雜亂。
桌面上的紊亂很差勁,在移動設備上是有一百倍的差。(圖畫:ftrain)
正如Antoine de Saint-Exupéry所言:
“當沒有啥可帶走的時分,完美就能夠實現了?!?/p>
擺脫移動規劃中不是絕對需求的東西,因為削減紊亂有助于提高理解才能。一個簡略的經歷法則是每個屏幕都有一個首要動作。為運用程序規劃的每個屏幕應當支撐對運用它的人的一個真實有價值的動作。在必要時更便于學習、運用、增加或樹立。
優先內容
白色空間十分有助于可讀性和內容的優先級,而且還能夠進行視覺布局。因而,它能夠簡化用戶界面并改進用戶體會。
遵從你規劃中的“少即是多”的準則。 (圖畫:Material Design)
4、簡化導航
導航應激勵用戶參加并溝通你所供給的內容。
幫助用戶瀏覽應當是每個運用程序的高優先級。移動導航必須是可發現且可拜訪的,并且必須占用很少的屏幕空間。但,因為小屏幕的局限性以及Chrome內容優先級的需求,使得移動設備上的導航能夠拜訪是一個挑戰。
在為移動運用規劃導航體系時,請思考一些慣例的經歷法則:
(1)了解你的用戶
導航應適應大多數運用程序的用戶需求。每個方針群體期望與你的運用程序進行某種類型的交互,因而使這些期望符合您的需求。
(2)優先導航選項
將不相同的優先級(高,中,低)分配給普通用戶使命。在用戶界面中杰出顯現具有高優先級和頻頻運用的途徑和目的地。運用這些途徑界說您的導航。
(3)使之可見
Jakob Nielsen says,認識一些東西比記住它更簡單。經過操作和可見選項,最小化用戶的內存負載。導航應隨時可用,而不僅僅在我們預期用戶需求的時分。
(4)運用視覺溝通
Icons 和其他圖形元素應幫助用戶了解菜單選項。想想購物車圖標;它作為簽出或檢查項目的標識符。用戶不用思考怎么導航進行購買;這個元素會引導他們進行恰當的動作。
(5)當前方位的溝通
“我在哪里”是一個底子的疑問,用戶需求一個答案才能有效地導航。未能指出當前方位是許多運用程序中的多見疑問。想想方位目標。
(6)使其易于交互
使菜單的選項big enough to be easily tapped。太小或太靠近的項目關于移動用戶來說是一個巨大的波折來歷。
(7)丈量用戶的參加和保存
參加是你的商品所需求的第一件事,因為這是大多數公司實踐賺錢的地方。保證丈量跟著時刻的推移,用戶 保存運用程序的成功。
即使是那些熟悉一切這些規則的規劃師,終究還是會創立一些讓人困惑、難以操作或難以找到的菜單。
導航用戶界面形式是好的可用性的捷徑。讓我們看看一些比如
切換菜單
依托菜單控件來簡化移動界面(特別是在小屏幕上)是很誘人的??墒?,躲藏這些菜單背面的運用程序的要害部分也許會危害運用。躲藏的導航降低了參加度,減緩探究和迷惑人。
盡管與切換菜單(右)的界面看起來比具有分段控件的界面(左)更明晰,但后者現已取得了更多的參加。圖畫:Luke Wroblewski)
以更顯著的方法公開菜單選項增加了參加度和滿意度。
標簽欄
標簽欄和導航欄十分適合具有相對較少導航選項的運用程序。該形式在iOS和Android上都采用。標簽是巨大的,因為它們在前面經過一個簡略的點擊,顯現一切首要的導航選項,用戶能夠當即從一個視圖到另一個視圖。關于這種類型的導航,我強烈主張運用標簽進行導航選項。不要讓導航像猜測游戲。
標簽欄經過一次點擊能夠使主導航選項可用。(圖畫:Ramotion)
分段控制
假如只有幾個目的地,能夠運用分段控件。與標簽欄相同,一切選項都能夠當即顯現,只需點擊一下即可拜訪。
全屏導航
這也許聽起來與我所說的節省屏幕空間相矛盾,但全屏導航或許是一個不錯的選擇。根本上,它是一個頁面(一般是主頁),列出一切導航選項。盡管將無法顯現任何內容,但全屏導航形式關于簡略性和連貫性很有優點。一旦用戶決定要去哪里,那么你能夠將全部屏幕空間用于內容。這種類型的導航在基于使命的網站和運用程序中運轉良好,用戶正在專心于完成十分詳細的使命(例如,檢查航班或更改手機上的設置),或許在一個會話時期將其限于一個分支(例如,假如他們在一個特定的服務或商品中被躲藏)的導航層次構造。
Cookly運用全屏菜單,圖畫設置準確的心情,并刺激用戶與運用程序互動。(圖畫:Patrick Wong)
當你運用層次構造樹導航時,這種類型的導航是極好的——例如,當你的菜單具有包括七個首要選項時,每個選項包括子種類層。
圖畫:Dennis Kardys
查找框
假如查找是你的運用程序的首要功用,則需求在人員面前。不要躲藏它或許將其顯現在屏幕的頂部,或許是具有激活查找形式的可見參閱(放大鏡圖標)。
假如查找是你的運用程序的首要功用,請將其顯現出來,因為它也許是讓用戶最快地發現途徑。 (圖畫:Think With Google)
5、單手操作
適應你規劃的大屏幕。
跟著iPhone 6和6 Plus的發布,顯然屏幕尺度將會不斷擴大。
以下是大家把握手機的三種根本辦法:
大家把握手機的根本方法。 (研討:Steven Hoober)
據史蒂文·霍伯(Steven Hoober)的研討,85%的用戶用一只手運用手機。以下熱圖顯現了自2007年以來每個iPhone顯現屏尺度的拇指區域。你能夠看到顯現屏越大,屏幕越不易拜訪。
依據Scott Hurff的研討,右撇子的拇指區域
調整你的規劃以改進用戶體會。保證你的運用程序能夠輕松地(徹底)在一個大屏幕(如iPhone 6或7)上運用。
共同操作和導航的綠色區域
將頂級菜單,常用的控件和常用操作項目放在屏幕的綠色區域中,用一個拇指就能夠輕松地到達。
在iOS的Pocket運用程序中,一切導航控件都在頁腳中。當手機堅持正常時,能夠便利地到達。 (圖畫:Dmitry Kovalenko)
損壞操作的紅區
因為你不期望用戶不小心點擊這些操作,請在難以到達的紅色區域中放置損壞性的操作(例如刪除和鏟除)。
Apple的Mail運用程序中的“修改”按鈕處于難以到達的區域。
6、速度的外觀
不要讓用戶等候內容。
盡管即時呼應最好,但有時你的運用程序將無法到達速度的規范準則。緩慢的呼應也許是因為Internet銜接不良引起的,或許操作也許需求很長時刻(例如裝置操作體系的更新)。盡也許地使運用程序迅速呼應。
屏幕架構
讓大家知道,運用進展目標會有一段時刻。話雖如此,盡管進展目標的目的極好,但結果也許是壞的。正如 Luke Wroblewski mentions,“進展目標的界說是要注意有人需求等候的事實。就像看時鐘相同——當你做的時分,時刻似乎變慢了?!边M展目標有一個極好的選擇:屏幕架構。這些容器本質上是頁面的臨時空白版別,逐步加載信息。而不是顯現一個加載指示器,運用屏幕架構來專心于實踐進展,并創造對將來的預期。這意味著工作正在發作,跟著信息逐步顯現在屏幕上,大家看到運用程序在等候時正在進行中。
跟著內容逐步加載,屏幕架構會填滿用戶界面。(圖畫:Tandem Seven)
Visual Distraction 視覺渙散
請記住,認知作為初始速度相同重要。假如一個運用程序讓用戶在等候時看到風趣的東西,他們將不太注意等候本身。因而,為了保證大家在等候工作發作時不會覺得無聊,會引起渙散。
創意進展目標能夠削減用戶對時刻的觀點。(圖畫:Creative Dash)
布景下的運作
在后臺做工作,使即將發作的動作顯得很快。打包到后臺操作中的操作有兩個優點:它們關于用戶是不行見的,它們發作在用戶請求它們之前。
在Instagram上載圖畫的進程是這個技能的一個極好的比如。該運用程序提早上載照片。一旦用戶選擇要共享的圖畫,運用程序就開端上載;當用戶預備按“共享”按鈕時,上載完成,用戶能夠當即共享他們的照片。
Instagram約請用戶在后臺增加標簽作為圖畫上載。
7. 定時推送告訴
在發送音訊之前先思考兩次。
天天,用戶都被無用的告訴轟炸,干擾他們的日?;顒?,且令人厭煩,厭煩的告訴是大家卸載移動運用程序的首要因素(依據71%的受訪者)。
以下是擬定以用戶為中心的告訴時要記住的四個準則。
移動的方針即是給每一個音訊計數
發送推送告訴時也許發作的最多見的過錯,長期來看最具損壞性的是向用戶發送比他們能夠處理的更多的告訴。不要用推送音訊壓倒用戶,否則終究也許會徹底刪除你的運用。
不要同時推送一切告訴。
推值
當用戶開端運用你的運用程序時,他們不會介懷收到告訴,只要它們取得的值足夠大于中止。不要發送推送告訴,僅僅為了“招引用戶”。例如,Facebook一般會發送告訴,約請用戶銜接到隨機主張的人或“在Facebook上查找更多的兄弟”。這是一個當用戶回到運用程序時的差勁嘗試。此外,它會中止用戶不有關的警報。
不要懷念地將用戶引導回運用程序。
個性化內容以激發和高興至關重要。Netflix會細心運用觀看數據來呈現定制的主張。
Netflix十分適合個性化推送告訴,讓用戶知道他們最喜歡的節目是不是可用。
時刻告訴
將你的告訴定制到用戶,而不僅僅是你所說的內容,而在于你說的時分。不要在奇數時刻發送推送告訴。上午12:00至下午6:00發不正常的告訴,也許會運用戶醒來或打亂用戶:
當然,用戶在睡覺時老是能夠禁用告訴,但這不是一個極好的處理計劃。一個真實的處理計劃將是發送告訴,這關于用戶來說最便利,除非是當即告訴他們的要害。According to comScore,推送告訴的好時機是下午6點到黑夜10點。一直按照用戶的時區推送告訴。
在過錯的時刻,過錯的地方發送了許多推送告訴。(圖畫:Pomegranate)
多元化你的音訊
最有效的移動音訊戰略是運用不相同的音訊類型:推送告訴、電子郵件、運用內告訴和新聞源的更新。多元化的音訊傳遞——你的音訊應當在完美的調和下工作,創造出一個巨大的用戶體會。
依據緊急情況和內容選擇準確的告訴類型。(來歷:Appboy)
結論
與任何其他規劃元素相同,這里共享的提示僅僅一個開端。保證將這些想法與你的規劃匹配以取得最好效果。請記住,規劃不僅僅是為了規劃師——它是為用戶。將你的運用視為不斷發展的項目,并運用分析數據和用戶反應來不斷改進體會。