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

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

圖片來(lái)源：克里斯蒂安Bjornard

1。你的客戶交談

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

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

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

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

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

2。東方用戶

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

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

亞馬遜沒(méi)有一個(gè)好工作，其無(wú)結(jié)果頁(yè)面。

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

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

3。簡(jiǎn)單

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

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

4。設(shè)計(jì)一個(gè)對(duì)話框

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

維生素保持與讀者交談。

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

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

獎(jiǎng)金提示：了解你的“材料”

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

摘要

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