國(guó)外的設(shè)計(jì)師認(rèn)為使用Android和iOS編寫(xiě)一個(gè)移動(dòng)App是很容易的,但設(shè)計(jì)一個(gè)偉大的移動(dòng)APP就是一個(gè)挑戰(zhàn)了。 他們覺(jué)得APP設(shè)計(jì)占據(jù)整個(gè)APP制作過(guò)程當(dāng)中最重要的一部分。

是不是這樣呢？我們先來(lái)看看一款優(yōu)秀的APP航空管家是如何設(shè)計(jì)制作出來(lái)的。

看完上面的這個(gè)移動(dòng)APP設(shè)計(jì)視頻教程。不知道你有啥啟發(fā)。如果沒(méi)有，沒(méi)關(guān)系。25學(xué)堂接下來(lái)教你10個(gè)移動(dòng)APP設(shè)計(jì)小技巧讓你的APP更加完美！

小技巧1: ?保持專注和極致

最好的一個(gè)移動(dòng)APP必須集中精力將一件事做得很好做到極致。看到極致2字，可以聯(lián)想到小米公司創(chuàng)立之后，雷軍說(shuō)過(guò)的那7個(gè)字當(dāng)中就有極致二字。

你應(yīng)該用一句話就能描述你的應(yīng)用程序是干什么的,而不用提及任何"細(xì)節(jié)"。 用戶應(yīng)該能夠啟動(dòng)它,使用它,然后在幾秒鐘內(nèi)就能利用其達(dá)成目的。最多通過(guò)三步。

如果用戶需要通過(guò)四層以上的菜單才能使用,那APP程序很快就會(huì)被卸載。

小技巧2: 適當(dāng)?shù)厥褂煤笸朔祷匕粹o

在Android上,系統(tǒng)提供的后退按鍵在App內(nèi)應(yīng)該能夠使用戶得到返回的功能。

而在iOS中后退按鈕是通過(guò)軟件控制的,您應(yīng)該總是提供一個(gè)返回按鈕,原則上用戶已經(jīng)習(xí)慣了返回按鈕在左上角。

遵循back-button的約定行為和特定于操作系統(tǒng)的位置是至關(guān)重要，要讓你的APP滿足用戶期望或是習(xí)慣的行為。這點(diǎn)也是非常重要的。

小技巧3: ?充分考慮軟鍵盤行為和交互的方式

大多數(shù)移動(dòng)應(yīng)用程序都在一個(gè)或多個(gè)屏幕中要用到使用鍵盤輸入。不幸的是許多設(shè)計(jì)師沒(méi)有考慮到激活屏幕鍵盤后如何顯示界面。

當(dāng)你測(cè)試時(shí),請(qǐng)確保在屏幕上有足夠的空間讓用戶知道他們?cè)谧鍪裁?即使屏幕鍵盤被激活時(shí)也一樣。

小技巧4 : ?體貼的空白 提示占位符

如果應(yīng)用程序只有幾個(gè)數(shù)據(jù)輸入域,則顯示空白提示是很友好的,也可以讓?xiě)?yīng)用程序看起來(lái)更干凈。如果應(yīng)用程序的數(shù)據(jù)輸入域很多,則使用占位符而不是label就會(huì)變得非?；靵y。

一旦用戶在該輸入域輸入一些信息,除非這些信息是不言自明的,否則對(duì)用戶來(lái)說(shuō)那些信息就需要連蒙帶猜了。

小技巧5: ? 挑戰(zhàn)移動(dòng)APP的新特性

在以前的應(yīng)用程序設(shè)計(jì)中,軟件開(kāi)發(fā)人員專注于在程序中添加盡可能多的功能。 他們衡量成功的準(zhǔn)則就是能夠比競(jìng)爭(zhēng)對(duì)手擁有更多的功能和特性。

移動(dòng)革命已經(jīng)改變了這一點(diǎn)。在桌面應(yīng)用程序中,一個(gè)不常用的功能會(huì)被添加到子菜單中,高級(jí)用戶發(fā)現(xiàn)這些功能可能是一個(gè)好主意,因?yàn)樗沟媚愕某绦騾^(qū)別于競(jìng)爭(zhēng)對(duì)手。

在移動(dòng)應(yīng)用中,一個(gè)不怎么有用的特性會(huì)使得用戶界面凌亂而難以操作。

小技巧6:把選項(xiàng)卡放到正確的位置

在iOS中,主要的選項(xiàng)卡導(dǎo)航看起來(lái)不像選項(xiàng)卡。 他們是屏幕底部的一些圖標(biāo),用戶使用使用他們來(lái)切換應(yīng)用的主要功能。 大多iOS用戶不習(xí)慣這個(gè)功能出現(xiàn)在窗口的頂部,但Android用戶習(xí)慣于這樣。 在Android上,選項(xiàng)卡通常放置在應(yīng)用程序頂部,并且可以左右滑動(dòng)切換。

這里的關(guān)鍵在于,如果你的應(yīng)用需要依賴一個(gè)"選項(xiàng)卡"來(lái)作為應(yīng)用主要功能的導(dǎo)航,您需要在iOS和Android上將它們放到不同的位置。

小技巧7:注意按鈕的尺寸

簡(jiǎn)單設(shè)計(jì)中有一種傾向,說(shuō)為了添加一些東西我們可以讓它適應(yīng)一下,如果我們只是稍稍減小按鈕或字體的大小。 這是危險(xiǎn)和災(zāi)難性的!!! 如果曾在智能手機(jī)上打開(kāi)沒(méi)有為移動(dòng)設(shè)備優(yōu)化過(guò)的web頁(yè)面,你就知道不能點(diǎn)中一個(gè)超鏈接是多么令人沮喪的用戶體驗(yàn)。

在app中,如果用戶不能選擇放大那就是一個(gè)更大的問(wèn)題。

保持按鈕尺寸足夠大以容易使用,并在小屏幕設(shè)備上測(cè)試你的應(yīng)用程序,如iPhone 4上依然擁有舒適的使用體驗(yàn)。

技巧8:考慮按鈕位置

當(dāng)用戶手中拿著智能手機(jī),屏幕的下半部分可以用拇指很容易到達(dá)。 習(xí)慣右手的用戶可以接觸到右下角,而左撇子正好相反。如果你希望能夠單手操作,記住這一點(diǎn)。

小技巧9:提供必要的提示信息

任何時(shí)候給你的用戶請(qǐng)求輸入,考慮用戶需要什么信息做出決定采取什么行動(dòng)。 如果你的UI不在同一位置提供這些輸入框,用戶可能需要取消并返回到上一級(jí)頁(yè)面來(lái)做決定。

減少用戶的痛苦,當(dāng)用戶需要決策時(shí)在適當(dāng)?shù)牡胤教峁┍匾男畔ⅰ?

小技巧10: ?注意你的圖像分辨率 如今手機(jī)屏幕大小不一，針對(duì)設(shè)計(jì)師的挑戰(zhàn)很大

現(xiàn)代智能手機(jī)擁有驚人地高分辨率,看起來(lái)絕對(duì)漂亮。不幸的是,如果你仍然在使用低分辨率圖像作為圖標(biāo),應(yīng)用程序看起來(lái)就是鋸齒狀和模糊的,特別是在操作系統(tǒng)渲染字體和梯度時(shí)。

確保你使用334 ppi或更高分辨率的圖片,并且看起來(lái)應(yīng)該清晰和干凈。

在比Retina屏的iPad具有更高分辨率的平板上(如Nexus 10 有300 ppi), 264 ppi的圖像看起來(lái)仍然是清晰和干凈的。

一個(gè)更好的方法是使用向量圖(vector),那樣可以在任何分辨率下縮放。