這里有很多流行語，對吧？那么，讓我們一點(diǎn)一點(diǎn)地?cái)U(kuò)大這個定義，看看實(shí)際上是什么設(shè)計(jì)思路。更重要的是，在用戶體驗(yàn)研究和用戶界面設(shè)計(jì)過程中，它如何幫助您。
 

　　在本文中，上海網(wǎng)站建設(shè)將重點(diǎn)介紹UI / UX設(shè)計(jì)的設(shè)計(jì)思維原則，并了解它們?nèi)绾螏椭O(shè)計(jì)人員制作更有意義，功能更實(shí)用的Web設(shè)計(jì)解決方案。
 

　　由于在設(shè)計(jì)思維過程中最有效的方法是繪圖，你應(yīng)該為自己創(chuàng)造一個空間，銳化你的筆，并讓它們準(zhǔn)備就緒。你將需要它們。
 

　　我們現(xiàn)在將逐步指導(dǎo)您完成整個過程?，F(xiàn)在開始吧。
 

　　什么是設(shè)計(jì)思維？
 

　　設(shè)計(jì)思維可能被誤解為“一刀切”的策略，但事實(shí)并非如此，有時也無法發(fā)揮作用。斯坦福大學(xué)的助理教授兼設(shè)計(jì)思維碩士比爾伯內(nèi)特喜歡說：
 

　　“設(shè)計(jì)思維是一種方法，而不是魔術(shù)。”所以，它是一種方法，一種過程，一種技能，一種心態(tài)。是的，它確實(shí)也是一套原則。
 

　　核心設(shè)計(jì)思維原則是：
 

　　1.與用戶同情 - 一旦你開始一個新項(xiàng)目，你應(yīng)該開始研究和走在用戶的行程里。
 

　　2.定義問題 - 包括映射困難、解釋、計(jì)劃和制定戰(zhàn)略。
 

　　3.構(gòu)思解決方案 - 集思廣益、想象、思考和反思可能的結(jié)果。
 

　　4.原型設(shè)計(jì) - 意味著草繪、可視化、應(yīng)用和創(chuàng)建線框和beta版本。
 

　　5.測試 - 包括審核、獲取反饋、修復(fù)、清理和修改。
 

　　請注意，這里沒有直線，這些不僅僅是連續(xù)的五個步驟 - 它也是程序的循環(huán)重疊。
 

　　還要記住，設(shè)計(jì)思維不是孤獨(dú)中要完成的過程。像是該《如何改進(jìn)您的按鈕設(shè)計(jì)》？它需要具有不同專業(yè)的人員之間的合作，他們將貢獻(xiàn)原創(chuàng)，新鮮的想法，然后將想法縮小到可能的解決方案。
 

　　因此，如果您準(zhǔn)備創(chuàng)建一個網(wǎng)站，請收集您的設(shè)計(jì)師、研究人員、開發(fā)人員、SEO專家、撰稿人和其他人的團(tuán)隊(duì)，以獲得盡可能多的不同觀點(diǎn)，想法和解決方案。因?yàn)?，你知道他們說什么 - 滿足客戶的期望是非常好的，但超過他們是讓設(shè)計(jì)師保持業(yè)務(wù)的因素。
 

　　設(shè)計(jì)思維過程的幾個原則：

　　1. 同情
 

　　作為為客戶工作的設(shè)計(jì)師，首先您需要了解客戶的需求。然后，當(dāng)你開始設(shè)計(jì)時，你應(yīng)該將你的想法傳送到用戶的腦海中。
 

　　誰是您正在創(chuàng)建的數(shù)字產(chǎn)品的未來用戶，是什么讓目標(biāo)受眾與眾不同，他們的習(xí)慣是什么，他們的在線行為是什么，痛點(diǎn)在哪里，用戶需要滿足的需求是什么？回答這些問題可能會幫助您開個好頭。但是，設(shè)計(jì)思維如何幫助您繼續(xù)前進(jìn)？
 

　　在網(wǎng)頁設(shè)計(jì)項(xiàng)目的第一階段，重點(diǎn)應(yīng)放在滿足用戶需求上。因此，使用所謂的移情映射應(yīng)該可以簡化流程。
 

　　與用戶同情意味著專注于他們的經(jīng)歷，尤其是情感經(jīng)歷。就此而言，一個有用的工具可能是所謂的“移情地圖”。
 

　　移情映射是一種定義粗略用戶角色和表征目標(biāo)用戶以便做出有效設(shè)計(jì)決策的方法。您應(yīng)該關(guān)注用戶的需求、目標(biāo)、期望、行為和習(xí)慣等。
 

　　尼爾森諾曼集團(tuán)（NN / g）的用戶體驗(yàn)專家已經(jīng)創(chuàng)建了有用的模板，以及可以在設(shè)計(jì)思維過程中使用的各種地圖的示例。
 

　　在NN / g，他們將移情地圖定義為，用于闡明我們對特定類型用戶的了解的工具，并將其分為四個象限 - 說、思考、感覺和做。
 

　　通過這種方式，設(shè)計(jì)人員可以深入了解用戶對與產(chǎn)品相關(guān)的任務(wù)的看法。對于每種類型的用戶，都應(yīng)使用新的移情映射。
 

 

　　2.定義
 

　　上海網(wǎng)站建設(shè)認(rèn)為在下一階段，您應(yīng)該開始考慮用戶為了成功使用網(wǎng)站，漸進(jìn)式Web應(yīng)用程序，在線商店或您正在創(chuàng)建的其他形式的Web演示文稿而需要執(zhí)行的步驟。這可能包括映射用戶的旅程，并定義他們在與您的網(wǎng)站交互時偶然發(fā)現(xiàn)的所有問題。
 

　　在這種情況下，用戶旅程地圖可能會派上用場。
 

　　用戶旅程映射是一種將產(chǎn)品或服務(wù)的用戶體驗(yàn)分解為一系列小步驟的方法。
 

　　旅程地圖將根據(jù)您采取的時間視角推遲。
 

　　.根據(jù)研究結(jié)果，應(yīng)使用回顧性地圖來跟蹤用戶當(dāng)前的移動情況，以及他們通常在互聯(lián)網(wǎng)上的行為方式。
 

　　.應(yīng)使用預(yù)期地圖來概述您希望用戶使用全新產(chǎn)品的行為方式。
 

　　在他關(guān)于Medium的文章中，用戶研究專家Harry Brignull將用戶旅程圖描述為在水平軸上定義穿越時間的步驟，以及在垂直軸上進(jìn)行分析的主題，這些主題通常保持不變，而水平軸則發(fā)生變化。
 

 

　　正如Brignull所解釋的那樣，垂直軸上的點(diǎn)是設(shè)計(jì)師應(yīng)該從哪里開始的。
 

　　.操作是用戶移動到下一步所需要執(zhí)行的操作。
 

　　.問題是用戶在進(jìn)入下一步之前需要回答的問題。
 

　　.快樂時光是積極的，愉快的事物可以改善體驗(yàn)。
 

　　.痛點(diǎn)是破壞體驗(yàn)的所有挫折和煩惱。
 

　　.機(jī)會是您可以在新產(chǎn)品中實(shí)施的設(shè)計(jì)增強(qiáng)功能，以解決所發(fā)現(xiàn)的任何問題。
 

　　對于每個項(xiàng)目和每個產(chǎn)品，用戶旅程地圖將是不同的。
 

 

　　3.方法
 

　　正如我們已經(jīng)提到的，用于網(wǎng)頁設(shè)計(jì)的設(shè)計(jì)思維過程不是單人展示。 它需要多學(xué)科的方法，以便為網(wǎng)站可用性找到最佳解決方案。
 

　　當(dāng)您完成整個過程的前兩個階段時，下一步就是提出盡可能多的相關(guān)，新鮮和創(chuàng)新的想法。這是最激動人心的階段，因?yàn)樗峁┝讼胂箅y以想象的可能性并使其成為真實(shí)的可能性。
 

　　這里只有幾個簡單的規(guī)則 - 設(shè)定時間限制、保持主題、視覺，并建立彼此的想法。所以，準(zhǔn)備好頭腦風(fēng)暴。構(gòu)思過程可以幫助您：
 

　　.提出正確的問題;
 

　　.非常規(guī)地思考，超越明顯;
 

　　.發(fā)現(xiàn)產(chǎn)品的意外可能性;
 

　　.提出創(chuàng)新的解決方案。
 

　　請記住，沒有壞或不需要的想法。你想到的一切都值得考慮。
 

 

　　4.原型
 

　　設(shè)計(jì)思維側(cè)重于以人為本的設(shè)計(jì)。它意味著為人類提供解決方案，重點(diǎn)是滿足特定的人類需求。而且，為了滿足需求，您必須知道痛點(diǎn)是什么，以便找到合適的解決方案。
 

　　在創(chuàng)建UI或UX設(shè)計(jì)時，嘗試不同的解決方案并設(shè)計(jì)可帶來愉快用戶體驗(yàn)的界面是您應(yīng)該關(guān)注的全部內(nèi)容。
 

　　設(shè)計(jì)滿足特定用戶需求的解決方案需要充分理解問題。如果沒有正確定義問題，您可能最終對其范圍了解有限，并且您可能會創(chuàng)建一個不適當(dāng)?shù)慕鉀Q方案。
 

　　可視化解決方案和定義可能的錯誤的最佳方法,是從繪制網(wǎng)站草圖開始，繼續(xù)創(chuàng)建數(shù)字線框。
 

　　設(shè)計(jì)思維過程將幫助您超越最初明顯的狀態(tài)進(jìn)行思考，并開始使用您之前未考慮過的各種策略。定義問題時，您應(yīng)該在確定最終解決方案之前嘗試多種替代解決方案和模擬方案。
 

　　創(chuàng)建工作模型有助于處理復(fù)雜的設(shè)計(jì)問題。這就是為什么優(yōu)化網(wǎng)站的測試版并將其提供給公眾的原因始終是一個好的決定。最有價(jià)值的反饋將來自真實(shí)用戶。
 

　　對于設(shè)計(jì)思維過程的這一階段，您還可以從所謂的敏捷方法中受益，該方法包括一組用于合作構(gòu)建更好的業(yè)務(wù)解決方案的軟件開發(fā)方法。
 

　　核心敏捷概念包括：
 

　　.迭代開發(fā)
 

　　.風(fēng)險(xiǎn)管理
 

　　.透明度
 

　　來自尼爾森諾曼集團(tuán)的用戶體驗(yàn)專家，將為原型設(shè)計(jì)階段提出另一個有用的地圖，它被稱為 - 服務(wù)藍(lán)圖。
 

　　服務(wù)藍(lán)圖在定義時，可視化不同服務(wù)組件（人員，命題和流程）之間的關(guān)系，這些關(guān)系與特定用戶旅程中的點(diǎn)直接相關(guān)。
 

　　這種地圖分為四個通道 - 用戶/客戶操作，前臺操作，后臺操作和支持流程。
 

　　它是按時間順序和層次結(jié)構(gòu)的，應(yīng)該用于發(fā)現(xiàn)弱點(diǎn)，優(yōu)化機(jī)會，以及跨部門工作在理解服務(wù)提供方式方面的橋梁。
 

 

　　5.測試
 

　　當(dāng)您制作網(wǎng)站原型時，下一階段是 - 為最終用戶測試其功能，可用性和實(shí)用程序。
 

　　如果你足夠幸運(yùn)（并且技巧嫻熟），你可以在第一次嘗試時創(chuàng)造出完美的設(shè)計(jì)。但更有可能的是，會有一些錯誤需要修復(fù)。這完全沒問題，因?yàn)樵O(shè)計(jì)思維過程的核心原則之一也可能是 - 容忍失敗。
 

　　UI / UX設(shè)計(jì)中的錯誤是不可避免的，但最重要的是在仍有時間修復(fù)它們的同時識別它們。這就是為什么測試原型是每個網(wǎng)頁設(shè)計(jì)過程的重要部分。
 

　　有許多Web開發(fā)在線測試工具，在評估您的工作和解決方案的功能階段非常有用。其中一些是免費(fèi)使用的，包括Webflow，Vectr，InVision和Marvel，僅舉幾例。
 

　　最后，將設(shè)計(jì)思維作為一種工具，并牢記通用電氣公司工業(yè)互聯(lián)網(wǎng)應(yīng)用執(zhí)行設(shè)計(jì)總監(jiān)Dave Cronin的明智話語，他說：
 

　　“設(shè)計(jì)思維是簡化和人性化的重要工具。”