網(wǎng)站設(shè)計是一個多層面的學(xué)科！

雖然這些機構(gòu)集中在設(shè)計通信，既不是通常提供了強有力的的互動設(shè)計的基礎(chǔ) 。有一個更廣泛的技能設(shè)置，不僅使您的設(shè)計更成功，但讓你更有價值和受雇（即你成為麒麟 ）。雖然沒有辦法面面俱到，讓你開始，這里有五個關(guān)鍵的戰(zhàn)術(shù)，在您的下一個項目的理解和實施 。

圖片來源：克里斯蒂安Bjornard

1。你的客戶交談

了解設(shè)計的在線體驗時，最重要的是你的聽眾。了解他們是誰，他們的生活做什么，他們是如何老，它們是如何工作的，他們了解網(wǎng)絡(luò)，他們是如何使用它，什么設(shè)備，在哪里等提供了寶貴的洞察到他們的痛點解決。

您的設(shè)計上設(shè)置明確的約束也有幫助 。例如，如果你的聽眾將主要使用移動設(shè)備訪問的網(wǎng)站在醫(yī)院，那么您的設(shè)計必須適應(yīng)這些設(shè)備和與環(huán)境的設(shè)備將被用來兼容。此外，了解你的聽眾建立通信設(shè)計的基礎(chǔ)上揭示用戶的敏感（身體或文化，例如）喜歡的顏色和字體的事情。

了解你的聽眾要求與目標(biāo)用戶交談。這些談話可以發(fā)生在各種論壇。雖然人情味的方法，如調(diào)查工作不夠好，沒有什么比與客戶面對面交談。根據(jù)你與你的工作目標(biāo)，找到您的目標(biāo)受眾可能會下降到當(dāng)?shù)氐目Х瑞^，買了一些5元禮品卡和驚人的談話與顧客有簡單。大多數(shù)人會很高興地交換共享他們的意見咖啡店禮品卡10至15分鐘。其他方式找到用戶后像Craigslist網(wǎng)站上的廣告，拉斷你的客戶名單的名稱，達到貿(mào)易組織（特定的用戶類型，如護士，），花你的觀眾花時間在城市的時間（例如，音樂在演唱會的歌迷）。

最初的對話將是尷尬，但隨著越來越多的采取的地方，有節(jié)奏的發(fā)展問題。此外，模式開始出現(xiàn)，允許您定制的問題，與每個接受記者采訪時更恰當(dāng)。你從這些活動以外的經(jīng)驗教訓(xùn)可以用于創(chuàng)建人物角色  -即總交涉設(shè)計的典型用戶-可以幫助將來的設(shè)計決策提供上下文 。

一個人物的文件 。（圖片：托德扎基Warfel）

2。東方用戶

現(xiàn)在，你已經(jīng)有了一個了解你的用戶是誰，面向他們時，他們使用你的設(shè)計是非常重要的。定向您的用戶，使他們在一個非靜態(tài)的經(jīng)驗一個地方的感覺。為了有效地提供這個意義上說，你的設(shè)計應(yīng)該告訴用戶的三件事情：

1. 假如他們是
   任何在線體驗了解，在更廣的范圍內(nèi)的網(wǎng)站，用戶是目前交易的關(guān)鍵 。如果很明顯他們的用戶，則有一個更大的機會，他們就會明白你需要他們做該網(wǎng)頁上的。例如，如果用戶知道他們在“產(chǎn)品頁面，”他們應(yīng)該希望看到一個購買鏈接，也許是一些其他的產(chǎn)品選項 。
2. 如何到達那里
   如果用戶的當(dāng)前位置上提供的清晰度提供了預(yù)期采取的行動的情況下，然后向他們展示的路徑，他們把那里提供一個安全網(wǎng)。該安全網(wǎng)是舒適的知道，如果用戶有傷口在錯誤的地方，他們可以退了出去，然后再試一次。
3. 在那里他們可以從這里
   ，你已經(jīng)清楚他們在哪里，以及如何到達那里，如果他們在錯誤的地方，可以原路返回，并嘗試另一條道路。但是，如果他們準(zhǔn)備向前邁進，或他們認(rèn)為的路徑后面不會提供他們想要的內(nèi)容，然后讓用戶知道有什么選擇，從這點上可用勢在必行。不要離開一個用戶在一個死胡同。應(yīng)該始終有一個選項進行。一個很好的例子是一個搜索結(jié)果頁面產(chǎn)生任何結(jié)果。雖然你不應(yīng)該讓用戶知道，沒有他們的搜索查詢相匹配，應(yīng)該是導(dǎo)致他們尋求的答案（例如，相關(guān)的搜索字詞）的選項。前進道路可以得到體現(xiàn) ​​在您的網(wǎng)站的導(dǎo)航，但也可以作為適宜性實施 。適宜性是明顯可點擊界面元素，如按鈕和滑塊。

亞馬遜沒有一個好工作，其無結(jié)果頁面。

（對于一個偉大的動感底漆，拿起唐諾曼的日常事物的設(shè)計，雖然有點過時，它奠定了堅實的基礎(chǔ)，產(chǎn)品設(shè)計師應(yīng)該思考一下自己的產(chǎn)品如何。）

清除網(wǎng)站的方向，提供給用戶的舒適度。它也減少了用戶會犯錯誤的機會和提高的機會，當(dāng)他們這樣做，他們將能夠迅速恢復(fù)。

3。簡單

可視化設(shè)計器的驅(qū)動元素添加到一個布局可能美觀，但不一定能成為一個互動的目的。當(dāng)然是要加入到波蘭和感覺的經(jīng)驗美學(xué)說，當(dāng)設(shè)計一個互動的經(jīng)驗，考慮選擇更簡單的設(shè)計。簡化意味著減少屏幕上的元素，最基本的，將有利于用戶已完成的任務(wù)的。開始與作為基準(zhǔn)，然后添加紋飾謹(jǐn)慎。考慮網(wǎng)站的品牌。品牌是一種反思，不僅是審美，但的經(jīng)驗。如果一個網(wǎng)站是華麗的，但它的美麗，使無法完成交易，然后網(wǎng)站（品牌）將最終失敗。

美學(xué)將永遠(yuǎn)有一個地方和任何經(jīng)驗，強大的目的，但保證的經(jīng)驗是可用的，首先是至關(guān)重要的。

4。設(shè)計一個對話框

凡視覺設(shè)計訓(xùn)練的重點主要是溝通，交互設(shè)計使反饋回路的一個沉重的重點 - 在本質(zhì)上，用戶和網(wǎng)站之間的對話。當(dāng)你的工作經(jīng)驗，為系統(tǒng)提供的方式返回給用戶溝通時，他們做了正確或錯誤的東西。確保您的經(jīng)驗表明，當(dāng)用戶已經(jīng)成功時，需要采取行動，以完成交易。使用你的視覺設(shè)計和溝通技巧，這種反饋的對話，以建立一種視覺語言。確保用戶無論身在何處的經(jīng)驗是，從網(wǎng)站的任何信息，在設(shè)計和演示法是一致的。不同類型的信息將需要不同的治療方法。用戶將快速學(xué)習(xí)系統(tǒng)，并與網(wǎng)站進行對話，將開始出現(xiàn)。從本質(zhì)上講，你人性化的經(jīng)驗​​（和它背后的公司）主動預(yù)測用戶的需求，并提供信息和采取行動，減輕用戶的挫折感。

維生素保持與讀者交談。

5。工作流程：了解之前和之后

視覺設(shè)計是美麗的。這也是靜態(tài)的。交互設(shè)計構(gòu)建了一個從一頁一頁地，州的工作流程。當(dāng)您設(shè)計每一頁，此頁上的考慮，用戶可以做什么和如何在這個過程中的下一步適合的工作流程。如果你只是增加了一個注冊表單頁面，想想會發(fā)生什么事，當(dāng)用戶按下“提交”按鈕。頁面刷新？會不會有一個確認(rèn)頁？如果有錯誤的形式？如果用戶點擊“后退”按鈕？這些都是經(jīng)驗的工作流程中的所有組件。每一頁或國家僅僅是一個用戶的點擊流的一小部分。目前的挑戰(zhàn)是每個用戶可能有一個比較獨特的點擊流，這取決于他們?nèi)绾蔚玫侥木W(wǎng)站，為什么他們來到的。您已經(jīng)使用您的用戶以他們的知識，和你提供一個簡單的界面，與他們建立一個成功的對話：確保每個交互有一個合乎邏輯的下一個步驟。那下一步應(yīng)該到的經(jīng)驗和視覺語言適合您已經(jīng)創(chuàng)建了，這樣的經(jīng)驗，感覺整體的和一致的。這些元素是什么信譽，品牌，增加用戶在您的設(shè)計的信任。

獎金提示：了解你的“材料”

香港專業(yè)教育學(xué)院，設(shè)計師的iPod（除其他事項外），喬納森促進的想法，所有類型的設(shè)計者必須了解他們正在使用的材料。這個成立以及互動設(shè)計。了解網(wǎng)絡(luò)的“材料”是至關(guān)重要的。一個在HTML，CSS，JavaScript和相關(guān)技術(shù)的粗略教育，只會增加您的介質(zhì)的理解和對您的設(shè)計提供一個現(xiàn)實的角度。一個很好的資源，這是開發(fā)商將執(zhí)行你的工作組。罷工經(jīng)常與他們交談，對你的設(shè)計，和得到的是否你 ​​的建議是可行的的，因為他們采用的技術(shù)的味道。更妙的是，開始自己學(xué)習(xí)的基礎(chǔ)知識。您不必成為一個明星編碼器，但足夠的了解如何在其中工作的中期的行為，可以極大地塑造你設(shè)計的相互作用。

摘要

網(wǎng)站設(shè)計是一個多層面的學(xué)科，靜態(tài)通訊連接在一起，形成一個經(jīng)驗。了解這門學(xué)科的的基本原則是設(shè)計網(wǎng)站，不僅美觀，但實際解決業(yè)務(wù)問題，并為他們的用戶帶來的喜悅的核心。本文只是劃傷表面的交互設(shè)計。對于任何形式的網(wǎng)頁設(shè)計師，設(shè)計的任何交易或互動時，考慮到這些基本面是勢在必行的。