我們通常將App設(shè)計(jì)和Web設(shè)計(jì)看作兩個(gè)完全不同的領(lǐng)域。

由于Web App的出現(xiàn)，彼此之間的界限似乎變得模糊了，不過我們依舊嘗試對比App設(shè)計(jì)和Web設(shè)計(jì)。即使是同時(shí)工作于這兩方面的設(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ì)師們清楚，額外的功能會(huì)很快成為最大的敵人。保持你的App輕巧輕巧可靠，確保它只有必需的、有用的巧能是成功的關(guān)鍵?？纯慈我黄脚_的App商店中最受歡迎的App，你會(huì)發(fā)現(xiàn)它們只關(guān)注某一功能。

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

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

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

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

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

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

PDF Expert是一個(gè)優(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ì)工作者時(shí)，別去找別人的解決辦法。相反，你應(yīng)該坐下來，令你的大腦開啟“頭腦風(fēng)暴”，先別管浮現(xiàn)出來的想法是否很糟糕。當(dāng)你清楚自己所有想法后，再去看看別人的解決方法，看看他們的想法是否真的比你的強(qiáng)，將他人的方法與你的想法，聯(lián)系著看看，你會(huì)想到些什么？這樣做會(huì)鍛煉你的思考方式拒絕從眾確立獨(dú)一無二。

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

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

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

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

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

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

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

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

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

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

5、可愛的素材

這一點(diǎn)上，許多App設(shè)計(jì)者都該向Web設(shè)計(jì)師學(xué)習(xí)?，F(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成功證明，一個(gè)有吸引力的設(shè)計(jì)是成為優(yōu)秀軟件的重要因素。

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

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

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

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

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

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

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

來源：http://paranimage.com/app-design-vs-web-design/