設(shè)計(jì)華麗的用戶體驗(yàn)的6個(gè)熱門技巧
你是否曾經(jīng)下載了一個(gè)應(yīng)用,卻發(fā)現(xiàn)它“很難使用”?對于大多數(shù)智能手機(jī)用戶來說,答案是肯定的。
有趣的是,每四個(gè)手機(jī)應(yīng)用中就有一個(gè)應(yīng)用在下載后被“打入冷宮”。
如果一個(gè)應(yīng)用能夠吸引一個(gè)人下載并且打開它,但就此打入冷宮,那么我們幾乎可以斷定,要么就是這個(gè)應(yīng)用真的不是他們所找的,要么就是它只不過是太難用了。
第一個(gè)原因是通常因?yàn)槲阆螺d的信息,例如應(yīng)用程序的描述、營銷資料等。如果你發(fā)送了錯誤的信號,這些信息可能需要進(jìn)行微調(diào)。
第二個(gè)原因歸結(jié)為用戶體驗(yàn)…
那么就讓我們來談?wù)動脩趔w驗(yàn)
什么是用戶體驗(yàn)?我們?nèi)绾翁岣哂脩趔w驗(yàn)從而增加用戶數(shù),實(shí)現(xiàn)更高的收入?
決定用戶對你的應(yīng)用的興趣程度的因素有很多。
首先,讓我們來談?wù)?#8230;
1.??設(shè)計(jì)智能手機(jī)應(yīng)用程序
圖片來源:?Chooake Wongwattanasilpa – tumblr
如今,除了應(yīng)用下載量,應(yīng)用程序開發(fā)人員需要關(guān)注的很多其他的因素。
下載量很重要,但它們并不能說明一切。
“跟蹤下載往往只是衡量一個(gè)應(yīng)用程序是否成功的第一步,而下載統(tǒng)計(jì)數(shù)據(jù)往往不完整,會夸大事實(shí)。高下載量總是看起來很理想,但如果這些用戶從來沒有打開應(yīng)用程序或使用幾次后拋棄它,那么高下載量就變成了高流失率的一部分?!?/i>——Localystics study
你可以在你的應(yīng)用程序中跟蹤用戶體驗(yàn)?,F(xiàn)在有許多現(xiàn)成的手機(jī)應(yīng)用程序分析工具可以供你使用。在你的應(yīng)用登陸應(yīng)用商店之前,我們建議你將這類工具插入你的應(yīng)用中。想要了解更多,可以閱讀我們之前的一篇文章《10個(gè)最受歡迎的應(yīng)用程序分析工具》。
我們還建議你閱讀另一篇關(guān)于手機(jī)軟件優(yōu)化的文章。這篇文章講述了通過A / B分離測試來對屏幕設(shè)計(jì)進(jìn)行“微改善”,從而提高您的應(yīng)用程序的盈利能力(或用戶參與度)。
2.??用戶界面和用戶體驗(yàn)設(shè)計(jì)之間的區(qū)別?
圖片來源:Abzueedo – Cosmin Apitanu
直至現(xiàn)在,大多數(shù)應(yīng)用程序開發(fā)者并不真正了解用戶界面設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)之間的區(qū)別,所以他們往往會把它們混合起來,或把它們變成一個(gè)進(jìn)程。
了解這兩者的區(qū)別是至關(guān)重要的,因?yàn)樗麄儍烧叨纪ㄟ^自己獨(dú)特的方式來為整個(gè)開發(fā)進(jìn)程做出貢獻(xiàn)。
如果兩個(gè)進(jìn)程不分開,那么結(jié)果往往是較差的用戶體驗(yàn),而這往往會導(dǎo)致較低的回報(bào)。
從本質(zhì)上講,UI(用戶界面的英文縮寫)是用戶與應(yīng)用程序或軟件的交互方式。例如,當(dāng)你在看智能手機(jī)屏幕上的圖像(圖片、文字、按鈕等)時(shí),你正在盯著用戶界面。
UI設(shè)計(jì)應(yīng)該考慮到所有可能的選項(xiàng)和功能,這樣用戶才可以最大限度地與軟件進(jìn)行交互。但是,這本身并不是直觀設(shè)計(jì)的整體科學(xué)。
只是簡單地把你的應(yīng)用程序中所有可能的功能都塞進(jìn)屏幕并不會給用戶帶來很好的體驗(yàn)。這就是用戶體驗(yàn)設(shè)計(jì)的用武之地。
UX (用戶體驗(yàn))是UI的擴(kuò)展,是藝術(shù)與科學(xué)的結(jié)合,是通過設(shè)計(jì)屏幕使其更加易于使用,互相完美契合。
3.??如何使應(yīng)用程序更直觀?
圖片來源:?Abzueedo – Cosmin Apitanu
指示性設(shè)計(jì):
讓一個(gè)應(yīng)用程序變得直觀,可以運(yùn)用一系列的元素。其中重要的一個(gè)就是指示性設(shè)計(jì)。也許這個(gè)名字就能說明一切。
一個(gè)應(yīng)用程序可以由任何所使用的元素或文字來指示。即使是一個(gè)簡單的不同選詞也會造成很大的不同。比如,使用“評論”而不是“發(fā)布”會對用戶對特定文本的理解產(chǎn)生巨大的影響。
通過使用不同的顏色、形狀、文、按鈕、行動按鈕等,我們希望能夠制造一個(gè)引導(dǎo)用戶做出預(yù)期行為反應(yīng)的體驗(yàn)。
當(dāng)?shù)谝淮未蜷_應(yīng)用程序時(shí),你的用戶不只是一時(shí)間不知道如何使用你的應(yīng)用程序,同時(shí)他們也不能確定他們是否需要你的應(yīng)用程序。
所以,你的工作是要確保你的應(yīng)用程序的設(shè)計(jì)是通過使用顏色、文本和圖標(biāo)的方式在引導(dǎo)和指示,并充分展示應(yīng)用程序?qū)τ脩舻囊嫣帯?/p>
圖:應(yīng)用程序Instagram的設(shè)計(jì)
頂級大牛的應(yīng)用開發(fā)就像Instagram的設(shè)計(jì)是漂亮、直觀的體驗(yàn)。你可以借鑒這樣的應(yīng)用程序的創(chuàng)意想法,或把它們作為良好實(shí)踐的指導(dǎo)。
“我們一直在不知羞恥地竊取偉大的想法?!薄返俜颉滩妓?/i>
熟悉感:
另一個(gè)重要因素是“熟悉感”。使用人們所熟悉的圖標(biāo)、文字、按鈕的形狀將提升用戶體驗(yàn),這樣免去了一些猜測設(shè)計(jì)用途的麻煩。
圖:應(yīng)用程序Fancy的設(shè)計(jì)
Fancy使用了許多大多數(shù)人都熟悉的功能。這樣的設(shè)計(jì)可以免去不必要的誤會。最后,導(dǎo)覽真的不需要過于獨(dú)特。清楚明了才是王道。
漂亮的設(shè)計(jì):
在你的設(shè)計(jì)中使用正確的顏色或圖形也可以對用戶體驗(yàn)產(chǎn)生很大的影響。
一個(gè)漂亮的設(shè)計(jì)通常會得到更高的參與度與…一個(gè)丑陋的應(yīng)用程序(抱歉,詞窮了)。
同時(shí),你需要注意不要為了優(yōu)雅而犧牲了指示性設(shè)計(jì)和直觀性。
例如,Audible是一個(gè)設(shè)計(jì)“漂亮”的應(yīng)用程序。某天我被推薦下載這個(gè)應(yīng)用程序??墒谴蜷_應(yīng)用程序后,我找不到任何我想找的東西。
我找不到的注冊部分,因?yàn)樗[藏在設(shè)置頁面。我找不到我已有的有聲讀物,因?yàn)樗麄儧]有正確同步。我甚至找不到搜索更多的在線有聲讀物的搜索欄。
換句話說,我完全被搞糊涂了……
圖:應(yīng)用程序Audible的設(shè)計(jì)
我花了15分鐘(在我去上班的路上)試圖弄明白這些設(shè)計(jì),幾乎放棄了。這些都是一個(gè)很了解應(yīng)用程序的家伙設(shè)計(jì)出來的。
其實(shí)只要做一些小調(diào)整就可以大大改善用戶體驗(yàn)。
簡約的設(shè)計(jì):
這是一個(gè)非常強(qiáng)大的技巧。
簡單地來說,簡約的設(shè)計(jì)就是簡化和去除干擾。通過刪除那些令屏幕凌亂的選項(xiàng)、文字和其他元素,我們可以做出一個(gè)干凈易用的設(shè)計(jì)。
“一個(gè)雜亂的工作空間說明你的頭腦混亂?!?/p>
4.??如何開發(fā)一個(gè)直觀的應(yīng)用程序設(shè)計(jì)?
圖片來源:Eddie Lobanovskiy – Dribble
在設(shè)計(jì)屏幕時(shí)首先想到的應(yīng)該是你的目標(biāo)用戶。
一個(gè)專為完全不懂技術(shù)的人設(shè)計(jì)的應(yīng)用程序通常需要多一點(diǎn)“指導(dǎo)性”。同理,如果你正在為廣泛用戶開發(fā)應(yīng)用程序,你也需要這么做。因?yàn)橐疹櫤芏喾羌夹g(shù)用戶。
將應(yīng)用程序的功能/特性分為以下幾類:
1. 核心功能
2. 其他受歡迎的選擇
3. 你的目標(biāo)(在應(yīng)用內(nèi)購買,F(xiàn)acebook的共享等)
4. 相對冷門選項(xiàng)(隱私設(shè)置等)
將核心功能(1)放在第一優(yōu)先級,并確保他們在最顯眼的地方。然后在周圍設(shè)計(jì)其他受歡迎的選擇(2)。
其次,使用一個(gè)流行的導(dǎo)航框架總是沒錯的。使用人們所熟悉的其他應(yīng)用程序的導(dǎo)航框架可以使你的應(yīng)用程序更易于使用,比如Instagram的。
在此之后,讓你的目標(biāo)(3)安排在核心功能周圍。很少會有用戶去尋找Facebook分享按鈕或應(yīng)用程序內(nèi)的商店,所以你需要把這些功能設(shè)計(jì)得十分便利。
最后,將相對冷門選項(xiàng)(4)隱藏在不礙事的地方,不要讓這些選項(xiàng)妨礙到更加重要的功能。
5.??用戶場景
當(dāng)把所有屏幕都放在一起后,運(yùn)行一些用戶場景是一個(gè)很好的檢驗(yàn)方法。這個(gè)測試的目的是把你的應(yīng)用程序設(shè)計(jì)放入真實(shí)的場景。
例如,如果你正在開發(fā)一款相機(jī)類應(yīng)用程序,那么拍照就是核心功能(1)之一。
因此,一個(gè)特定的用戶場景可能是用戶從(a)打開該應(yīng)用一直到(b)拍一張照片的過程,以及在兩者之間的每一個(gè)步驟。
圖:Windows開發(fā)中心
所有的場景都像這樣展開時(shí),確定哪些功能不太重要就會變得容易一些,然后就可以考慮刪除該功能,或者干脆把它搬遷到屏幕不太重要的地段。甚至可以發(fā)配到另一個(gè)屏幕!
6.??用戶測試——絕不能少的一步
資料來源:?YouEye
此時(shí),我們需要執(zhí)行一個(gè)通常被稱為“荒唐且數(shù)量特別巨大的用戶測試”。
找不同的年齡、性別、興趣等的測試人員來測試你的應(yīng)用程序。他們可以是10個(gè)你最親密的朋友、女朋友、家庭成員等。
讓他們反饋給你所有想法和意見。
一切的負(fù)面的評價(jià)都是有意義的。你并不需要從過于慷慨的阿姨那兒聽到“哦,多么美妙的小想法”這樣無用的評價(jià)。你需要的是“你的應(yīng)用實(shí)在是爛透了,因?yàn)橐?#8230;二…三…?!?/p>
你的用戶所受的挫折可以轉(zhuǎn)變成為一個(gè)相當(dāng)建設(shè)性的經(jīng)驗(yàn)。所以一定要非常清楚地告訴你的測試人員,你需要的是很多很多的負(fù)面的反饋。
結(jié)語
用戶至上。在設(shè)計(jì)你的應(yīng)用程序時(shí)充分考慮用戶的需求。應(yīng)用程序不僅是美麗的,也是實(shí)用的。
“好的設(shè)計(jì)是為體驗(yàn)服務(wù)的設(shè)計(jì)?!薄O果,?IOS7
文章來源:譯言網(wǎng)? ? ??譯者:還是小孩子
- 目前還沒評論,等你發(fā)揮!