App設(shè)計(jì)和Web設(shè)計(jì)間可相互借鑒的六點(diǎn)

2011-10-14 10:27:21來源:yixieshi作者:

我們通常將App設(shè)計(jì)和Web設(shè)計(jì)看作兩個完全不同的領(lǐng)域。由于Web App的出現(xiàn),彼此之間的界限似乎變得模糊了,不過我們依舊嘗試對比App設(shè)計(jì)和Web設(shè)計(jì)。即使是同時工作于這兩方面的設(shè)計(jì)師也常常將它們區(qū)別對待。

我們通常將App設(shè)計(jì)和Web設(shè)計(jì)看作兩個完全不同的領(lǐng)域。由于Web App的出現(xiàn),彼此之間的界限似乎變得模糊了,不過我們依舊嘗試對比App設(shè)計(jì)和Web設(shè)計(jì)。即使是同時工作于這兩方面的設(shè)計(jì)師也常常將它們區(qū)別對待。

其實(shí)這兩方面可以互通互補(bǔ)。每類設(shè)計(jì)都有自己的優(yōu)點(diǎn)和缺點(diǎn),往往也需要在其它方面進(jìn)行補(bǔ)充。

下面是App設(shè)計(jì)和Web設(shè)計(jì)間可相互借鑒的六點(diǎn)。

1、避免功能泛濫

App設(shè)計(jì)師們清楚,額外的功能會很快成為最大的敵人。保持你的App輕巧輕巧可靠,確保它只有必需的、有用的巧能是成功的關(guān)鍵?纯慈我黄脚_的App商店中最受歡迎的App,你會發(fā)現(xiàn)它們只關(guān)注某一功能。

Ge.tt是Web App中避免功能泛濫的成功例子。它讓你快捷在線分享和發(fā)布你的文件。它的所有功能都只為了實(shí)現(xiàn)一個核心目標(biāo)。

\

這種“狹窄”的關(guān)注點(diǎn)對App而言是非常重要,因?yàn)锳pp經(jīng)常涉及空間和可靠性問題。如果是在手機(jī)上的App,可用性更是巨大挑戰(zhàn)。越多功能擠占手機(jī)屏幕,這個軟件可用性越差。盡管有些軟件已找到開發(fā)多種功能,又不混亂界面的方法,但這確定是一個更嚴(yán)竣的挑戰(zhàn)。

另一方面,Web設(shè)計(jì)者們熱衷于用多個功能將網(wǎng)站塞滿。他們認(rèn)為,網(wǎng)站上功能越多,網(wǎng)站越有用。盡管Web設(shè)計(jì)勿須考慮小屏幕問題,但并不意味著一個大頁面上充滿各類功能就對用戶有用。

核心就是:價值。如果你誠實(shí)地加上一個功能,這個功能為你的用戶提供了更多價值,那重要的是找到一個將它(功能)融入你現(xiàn)有的用戶體驗(yàn)的方法,這值得一試。但千萬不要加入不必要的功能。

2、保持獨(dú)特和新鮮

App開發(fā)者們很清楚保證自己的作品不同于現(xiàn)有的同類軟件,是令自己的App成功并流行的重要因素。想要取得市場,必須讓產(chǎn)品獨(dú)特且新鮮。在已完成的版本上增加一兩個無傷大雅的特性。

PDF Expert是一個優(yōu)秀例子,軟件外觀獨(dú)特功能出眾。

\

Web設(shè)計(jì)師無需拘泥于這種想法。

許多網(wǎng)站都有類似的網(wǎng)站,大家都在做一樣?xùn)|西,并都聲稱“屬于××”。當(dāng)然,從表面看,可能有所差別,但仍有類似的布局,相見相近的特性,相似的功能。它們之間并無顯著區(qū)別。

真正想取得成功的設(shè)計(jì)師必須花心思創(chuàng)造與眾不同的作品,用心擺脫“千人一面”,總強(qiáng)于照搬別人的套路。

一點(diǎn)經(jīng)驗(yàn)之談:下次遇到設(shè)計(jì)工作者時,別去找別人的解決辦法。相反,你應(yīng)該坐下來,令你的大腦開啟“頭腦風(fēng)暴”,先別管浮現(xiàn)出來的想法是否很糟糕。當(dāng)你清楚自己所有想法后,再去看看別人的解決方法,看看他們的想法是否真的比你的強(qiáng),將他人的方法與你的想法,聯(lián)系著看看,你會想到些什么?這樣做會鍛煉你的思考方式拒絕從眾確立獨(dú)一無二。

3、使用標(biāo)準(zhǔn)GUI組件和圖案

雖然獨(dú)樹一幟很不錯,但優(yōu)秀的App設(shè)計(jì)師都知道有許多標(biāo)準(zhǔn)GUI元素標(biāo)識著特定的動作。他們只在自己的冒險(xiǎn)嘗試中才脫離這些預(yù)定義的元素。成功的App 甚少使用非標(biāo)準(zhǔn)的GUI,除非它自己的設(shè)計(jì)確定很好(當(dāng)然,這只是少數(shù)情況)。而且,大部分不使用標(biāo)準(zhǔn)GUI的App,都會附上相關(guān)說明。

使用標(biāo)準(zhǔn)GUI的成功軟件同樣會創(chuàng)建定制的界面。這令軟件易用且具親和力。

Harvest這款軟件同時使用了標(biāo)準(zhǔn)元素和自定義的操作界面,這令它即便于使用,同時又極具吸引力。

\

Web設(shè)計(jì)師們有時會做出些別出心裁的設(shè)計(jì),但可能會極大削弱網(wǎng)站的用戶體驗(yàn)。

人們在瀏覽網(wǎng)站時會關(guān)注一些特定事物:帶下劃線的鏈接、按鈕、導(dǎo)航欄、類似的網(wǎng)站結(jié)構(gòu)。有時你改變了這些熟悉的事物,你就是變相拒絕用戶。考慮一下,是否需要擺脫那些廣為人知、約定俗成的圖形元素,需要將它們變形嗎?如果不利于提高用戶體驗(yàn),忘了這個念頭;如果這么做不是立竿見影,那為你的創(chuàng)意加點(diǎn)說明。失去用戶的最快途徑,就是讓他們一頭霧水。

4、創(chuàng)建有效的錯誤提示

這一點(diǎn)在兩方面都適用。有些App設(shè)計(jì)者會創(chuàng)建夢幻的、有用的錯誤提示,有些網(wǎng)站也會。但同時也有App或網(wǎng)站沒有這么做。

只有簡單添加主頁或上一層的鏈接在錯誤信息頁上,404頁馬上變得有用了。

\

有用的錯誤提示不僅僅告訴用戶“現(xiàn)在出錯啦”。在App中,一個有效的錯誤信息能為用戶提供關(guān)于錯誤的解決辦法。在網(wǎng)站上,錯誤的提示能為瀏覽者提供解決錯誤的方法。無論哪種情況,只對用戶說“出錯了”除了推離用戶別無益處;ㄐ┬乃贾谱饔行У腻e誤提示,你將得到更多開心的用戶。

5、可愛的素材

這一點(diǎn)上,許多App設(shè)計(jì)者都該向Web設(shè)計(jì)師學(xué)習(xí)。現(xiàn)在,盡管已出現(xiàn)不少可愛又實(shí)用的App,但仍有許多App功能強(qiáng)大卻界面丑陋。

App設(shè)計(jì)師們需要仔細(xì)考慮如何更好地設(shè)計(jì)自己的AppGUI,而不是只用默認(rèn)的設(shè)計(jì)樣式。當(dāng)然,內(nèi)置的GUI元素并不糟,但看起來確實(shí)一般,它們也無法令你的產(chǎn)品從紛繁的市場中脫穎而出。許多App使用了平凡的設(shè)計(jì),這比使用內(nèi)置GUI更糟。

Awesome Note成功證明,一個有吸引力的設(shè)計(jì)是成為優(yōu)秀軟件的重要因素。

\

思考一下你的App的功能,用戶對象是哪一類,然后想想哪種設(shè)計(jì)能提高軟件可操作性和用戶滿意程度。比如說,你創(chuàng)建了一個快照軟件。用內(nèi)置的GUI無法令你這個軟件和其他快照軟件有所區(qū)別,但如果你增加了一些高光和其他元素,你馬上取悅了你的用戶。他們覺得自己正用著一個不同平常的軟件,而不只是一個帶額外鈴聲的快照軟件。

6、必須提供可收縮的視圖

這是一項(xiàng)Web設(shè)計(jì)師們做的很好的工作。我們知道,任一時間點(diǎn)上,我們的網(wǎng)站都可能遇到洪水般的用戶訪問量,我們需要在這時保證網(wǎng)站可用性。問題發(fā)生的原因可能是因?yàn)橐恍《魏《镜膬?nèi)容,又或是一兩條信息被瀏覽者們瘋狂轉(zhuǎn)發(fā)。

某種程度上來說,對于標(biāo)準(zhǔn)網(wǎng)站而言,變得更有伸縮性并不難(難的是選擇一個合格的服務(wù)商)。

伸縮性的另一方面是預(yù)測用戶會如何使用網(wǎng)站或服務(wù)。對大多數(shù)網(wǎng)站而言,它們沒有這層顧慮。但對軟件而言用戶與軟件交互是至關(guān)重要的。小部分有影響力的用戶會影響其他用戶,無論是對軟件不好的評價或是軟件的擴(kuò)展能力。

軟件相對網(wǎng)站來說,更難擴(kuò)展,這是由軟件的架構(gòu)決定的。用戶數(shù)量激增不完全區(qū)別于網(wǎng)站擴(kuò)展;它只關(guān)乎帶寬和處理能力。軟件可擴(kuò)展性則較難歸結(jié)于個人用戶使用的應(yīng)用程序。

上幾周,Robert Scoble和Kevin Rose之間曾對Google+有過一次有趣的討論。Scoble正面對許多無用信息塞滿他的空間,他曾公開提出Google+應(yīng)該建立過濾機(jī)制,剔除這些“雜音”。Rose對此表示質(zhì)疑,因?yàn)镾coble是“邊緣”用戶,同時,大部分用戶沒有受數(shù)量眾多的用戶關(guān)注,因此他們沒有碰到這種問題。問題依然存在:像Google+這種Web應(yīng)用軟件(或是手機(jī)軟件)是否應(yīng)關(guān)注邊緣用戶的需求而提供可擴(kuò)展性,是否只需關(guān)注普通用戶的需求即可?這似乎是一場將會持久的辯論,不過是軟件(和網(wǎng)絡(luò))設(shè)計(jì)師和開發(fā)者需要考慮的。

小結(jié)

無論你是哪方面的設(shè)計(jì)師,你都能從其他領(lǐng)域優(yōu)秀的作品中獲益。

展望下你那狹窄的關(guān)注面,看看其他設(shè)計(jì)師,其他領(lǐng)域是怎樣解決類似問題,然后吸收其中的好點(diǎn)子來解決你手頭的挑戰(zhàn)。

英文地址:http://www.webdesignerdepot.com/2011/08/app-design-versus-web-design-what-designers-can-teach-each-other/

關(guān)鍵詞:AppWeb設(shè)計(jì)