設(shè)計優(yōu)秀app的5個技巧

手機近幾年發(fā)展極為重要的原因有兩個:一個是大量增長的智能手機用戶,另一個是谷歌非常良好的算法。一個非常有趣的數(shù)據(jù);全世界至少一半的用戶使用智能手機,他們占全球流量的一半以上,但是這只是其中一方面。

你是否知道平均每分鐘有1.7個新的app被設(shè)計出來!但是用戶每月只會使用30個安裝app中的10-15個。這個數(shù)據(jù)讓人意外,這就意味著應(yīng)用需要相互競爭。想要在這個紛繁的應(yīng)用市場中立足,唯一方法就是保留精華和產(chǎn)品迭代。

設(shè)計一個app并不是一件容易的事,它需要利益相關(guān)者和設(shè)計師許多的精力和不斷的努力。在這篇文章中,我們介紹了設(shè)計應(yīng)用程序時應(yīng)該始終牢記的五個要點。但是在開始討論之前,我們先來談?wù)劽總€設(shè)計的靈魂-用研,沒有這基本的步驟,沒有一條要點是有用的。

用研

用研是我們我們開始設(shè)計的第一步。當(dāng)我們談?wù)撚醚芯鸵馕吨鴱亩鄻踊耐緩街型诰驍?shù)據(jù),比如產(chǎn)品所有者、市場格局、技術(shù),競品還有最重要的就是你的用戶。全面的調(diào)研可以確保你的app可用和可行。一個好的解決問題的方案,建議你了解利益相關(guān)者、市場趨勢、競爭對手和用戶。

設(shè)計app的5個要點

設(shè)計時我們不再強調(diào)調(diào)研的重要性?!皩W(xué)習(xí)設(shè)計而不是設(shè)計的技巧”。然而,一旦我們掌握了扎實的基礎(chǔ)知識,當(dāng)我們在工作中迷茫失去方向的時候,這些要點會非常有用。

1.重視基礎(chǔ)

這是第一條黃金法則;在這么多數(shù)據(jù)和觀點之下,你很容易不知所措,但是我們可以用以下的方法自查:

導(dǎo)航和放置

首先,在信息架構(gòu)的階段需要明確哪些是要顯示的模塊,哪些是需要隱藏的模塊。但是,你也要考慮兩點;首先導(dǎo)航一定要明顯,使用適當(dāng)?shù)囊龑?dǎo)和元素。第二點,導(dǎo)航應(yīng)該是一致的,讓它出現(xiàn)在統(tǒng)一的位置,在其他的頁面不要隱藏它或者移動它的位置。

優(yōu)化不同設(shè)備和屏幕尺寸


同樣的OS系統(tǒng)下,屏幕有那么多的屏幕尺寸,設(shè)計師應(yīng)該始終致力于UI元素的一致性。從最小的屏幕開始,然后設(shè)計更大的空間。

給予反饋


在每個階段用戶都應(yīng)該知道發(fā)生了什么。一定要讓他們知道動作的進程,是成功還是失敗。使用簡單的微交互可以幫你讓這個進程有趣,讓你的用戶了解情況。

不要過度的使用動效

動效是好的,可以幫助用戶。但是它也會延遲加載速度,建議使用微妙,快速和吸引人的動畫,對于用戶來說這額外的驚喜是值得的。

2.一屏只完成一個任務(wù)

智能手機的空間是有限的。設(shè)計師要考慮到小屏幕的尺寸,屏幕中巨大的信息量一定會讓人抓狂,同時疊加過多的內(nèi)容在頁面中你的設(shè)計也就沒有意義了。

建議每一屏只向用戶提供一個真正有價值的關(guān)鍵內(nèi)容。這種做法讓用戶感到舒適,并且可以很容易地適應(yīng)設(shè)計;?這也最終要求關(guān)注一個動作,簡化整個過程。此外,它也可以讓你作為設(shè)計師在必要時添加或構(gòu)建新的模塊。

優(yōu)步將在這里成為一個很好的例子。他們只專注于讓您盡早搭上您的出租車,確保您所要做的就是要到達位置。

3.經(jīng)驗法則

Luke Wroblewski說,典型的手機體驗是“一個拇指,一只眼睛” ,由于高度分散注意力的環(huán)境,手機用戶通常只需集中一部分注意力用單手操作。另一項調(diào)查,來自Steven Hoober,發(fā)現(xiàn)49%的人都只靠一只拇指用手機操作,Josh Clark,在他的著作“觸摸設(shè)計”一書中進一步進行了研究,他指出75%的操作都是用拇指完成的。


設(shè)計正確的訣竅是:始終檢查用戶是否可以在60秒內(nèi)用一只手執(zhí)行一定數(shù)量的任務(wù)。

另一個主要的要點是記住設(shè)計要在拇指活動的區(qū)域內(nèi)。你應(yīng)該把負(fù)面元素放在“很難被觸到”的區(qū)域,因為你不希望用戶經(jīng)常不小心觸碰到它們。然后你應(yīng)該考慮把經(jīng)常使用的操作內(nèi)容放在“容易觸到”的地方,讓用戶很輕松的完成任務(wù)。

你也應(yīng)當(dāng)考慮設(shè)計按鈕的大小和尺寸。因為我們的拇指操作并不像鼠標(biāo)操作那樣準(zhǔn)確。我們需要足夠的空間來點擊我們想要的內(nèi)容。

4.可用性和符號設(shè)計

在設(shè)計直觀且易于使用的應(yīng)用程序時,功能至關(guān)重要。可用性的概念幫你完全理解人類思維和和技術(shù)的關(guān)系。盡管功能是可行的,但是指示符的設(shè)計意味著可操作。例如,藍色下劃線的文本表示點擊它可以到別的地方。使用正確的引導(dǎo)可以讓用戶不必思考每個UI元素的作用。可用性符號有各種類型,比如下圖

這種提示性符號包括了元素外觀發(fā)出的提示。例如,一個凸起的按鈕會提示用戶按下,而不是拼寫。

語言提示

簡而言之,語言提示就是通過文字給用戶提示。一個按鈕的含義“點擊我”或者“返回”,會引導(dǎo)用戶點擊按鈕或者進行返回操作到上一頁。

模塊引導(dǎo)


這是迄今為止使用最廣泛的功能之一,因為設(shè)計師將其納入其設(shè)計之中,而不需要再考慮其他因素。最常用的圖案示能表示示例包括導(dǎo)航菜單/條和單詞旁邊的向下箭頭。

符號引導(dǎo)


想想你在手機上看到的icon。信封代表email,聊天泡泡表示消息,齒輪(如扳手)表示設(shè)置。所有這些圖標(biāo)本質(zhì)上都是象征性的功能,它們基于現(xiàn)實生活中的形象,向用戶傳達他們需要執(zhí)行的操作。

負(fù)面提示


這是一種表示沒有操作的功能 - 它基本上表示不可點擊的按鈕。例如,當(dāng)用戶看到一個灰色按鈕時,他們很可能會認(rèn)為該按鈕無法使用。

5.堅持用戶核心原則

設(shè)計原則應(yīng)該始終以設(shè)計為中心,它可以讓你可以完成一個成功的設(shè)計。由于數(shù)據(jù)量龐大且界面空間極其有限,當(dāng)你不知道如何解決設(shè)計問題的時候,這些基礎(chǔ)知識會引導(dǎo)你找回來。

明晰

設(shè)計流程應(yīng)該非常清晰,幫助用戶非常快速的、直觀地完成任務(wù)。以首次使用者的角度繼續(xù)審視你的設(shè)計,在幾秒鐘內(nèi)就能理解所有內(nèi)容嗎?如果答案是肯定的,那么你的方向是正確的。清晰的原則會消除不必要的內(nèi)容并使你的設(shè)計更簡單。

一致性

保持應(yīng)用程序的一致性將減少重新考慮和記憶的需要;我們應(yīng)該真正關(guān)注的是用戶與模式聯(lián)系起來,他們會輕松完成任務(wù)。

熟悉

我們喜歡熟悉的事物,并對它們感到舒服。你需要一個打破環(huán)境的而不是讓用戶迷惑的應(yīng)用程序;?所以,要利用潛意識行為和條件模式。例如,不要創(chuàng)新設(shè)計支付方式。

留白空間

元素的留白對于吸引用戶的設(shè)計內(nèi)容關(guān)注很重要,并為用戶提供可讀性和更清晰的用戶界面。在設(shè)計頁面時,這是一個非常重要的元素應(yīng)該被重視。

適當(dāng)?shù)膶Ρ榷?/h4>


始終為應(yīng)用定義主要、次要和第三種顏色以提高易用性。在設(shè)計一個app時應(yīng)該給予用戶特別的注意力,因為用戶會因為屏幕過亮而退出應(yīng)用。

清晰的文字

移動設(shè)備的空間相對較少,因此不要嘗試在此處提供大量信息。移動設(shè)備的經(jīng)驗法則是文本應(yīng)該至少有11點,因此在典型的觀看距離應(yīng)該是無需縮放即可清晰顯示。此外,您應(yīng)該使用留白幫助用戶提高可讀性。

總結(jié)

設(shè)計應(yīng)用程序的時候應(yīng)該考慮多種因素,不可能僅以五點來概括所有內(nèi)容。但是,以上建議肯定會保證您的設(shè)計可用和可行。但是要繼續(xù)優(yōu)化設(shè)計,你需要更加深入的發(fā)掘。

原文作者:Lollypop Design Studio

原文鏈接:https://medium.muz.li/5-tips-for-designing-a-great-mobile-app-4567f04c9f2f

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容