如何向客戶展示網頁設計
已發表: 2018-02-02你設計的成功不僅取決於你創造視覺上吸引人的東西的能力，還取決於你銷售它的能力。
作為專業設計師，您應該知道如何與客戶溝通並以最佳方式展示您的產品。 您的演示文稿越好，您的項目獲得批准的機會就越大。
在本文中，我們將分享一些有效演示的秘訣和一些技巧，讓您的客戶愛上您的工作。 我們將從您應該向客戶展示的選項數量開始。
我應該展示多少個設計選項？
世界著名的選擇和決策專家希娜·艾揚格說，各種各樣的選擇可能會吸引消費者的注意力，但同時也會讓他們不知所措，讓他們感到困惑。 也就是說，考慮到太多的消費者會選擇一些東西，即使它可能不是最好的選擇。
為什麼要提供多個選項，包括您不太確定的選項？ 如果您提供太多選擇，您的客戶很可能會忽略您最喜歡的設計。 這就是為什麼我們建議只展示最終原型。
但這並不意味著您應該只顯示一張圖片。 從一開始就講述整個故事，提供項目各個階段的快照。 解釋您所做的決定以及它們如何滿足客戶的業務目標。 指導您的客戶完成您所經歷的所有迭代，以便為他們的問題找到解決方案。 這將說明您的專業知識，並證明您不是簡單地重新繪製現有設計，而是執行了大量工作。
你的設計故事中的主角就是你。 客戶會通過你的言行觀察和評判你。 所以，你最好提前想好要說什麼。
如何用你的演講吸引客戶
有時，在展示您的設計時，您可能會引發一連串的猜測、披露太多信息或讓您的客戶感到厭煩。 顯然，這不是你真正想要做的。 如果您想提供流暢的演示文稿，請嘗試使用以下五個步驟來安排它：
#1。 制定問題
你首先應該做什麼？ 為您的觀眾設定期望：宣布您的客戶將看到什麼以及他們將從中得到什麼。 闡述你在第一次會議上提出的問題，你一直在做的任務（例如，為一個網絡健身應用程序創建一個快速而出色的設計），以及你用來處理這個問題的方法。
或者，您可以先快速回顧一下客戶已經看到的內容：上一個設計、現有產品或重新設計的項目。 您還可以提及您的客戶提供的最後反饋。 通過這樣做，您將為您的主要演示奠定基礎並避免不必要的問題。
#2。 解決客戶的業務
嘗試使您的演示文稿更加個性化。 討論您客戶的品牌及其目標受眾。 您的目標是表明您了解客戶的業務。 假設您正在為 Soft Blankets 公司設計一個網站。 該網站需要反映公司的產品範圍和價格，並向客戶傳達一種溫暖和舒適的感覺。
您可以使用客戶的公司照片而不是庫存照片來豐富您的模型和最終設計。 例如，如果您正在建立一個慈善網站，那麼公司舉辦的慈善拍賣的真實照片將對您的客戶及其潛在顧客產生更大的影響。
#3。 描述設計過程
簡要描述您的設計過程的每個單獨階段，並討論您獲得的信息。 您還應該強調利用這些信息改進整體設計的方式。 在這裡，將設計組件作為對客戶業務的好處非常重要。 例如，您可能會解釋您在快餐網站上使用了更多的紅色，因為它會增加客戶的食慾並可能會鼓勵客戶訂購更多的食物。 現在麥當勞和肯德基的秘密被揭開了。
#4。 進行對話
設計演示是一種對話。 如果您想獲得明智的反饋，請在出現問題時回答問題並解釋您的客戶遺漏的任何內容。 確保您的演示文稿對您的客戶來說是清楚的，並且您在同一頁面上。 此外，建設性的對話可能會帶來新的想法和解決方案。
#5。 收集反饋
最後可能也是最重要的一步是獲得反饋。 給你的客戶一些時間來評估你的工作。 您需要等待的時間取決於您的客戶、他們的工作量和項目的規模。 顯然，大型項目比小型項目需要更多時間來審查。 如果您的客戶在前三天沒有回應，請不要驚慌。 您設計的網站是您客戶業務的重要組成部分，他們需要確保它會贏得他們的觀眾。
如何以正確的方式收集反饋
但是，有時您可能會努力工作，但仍會收到無用或無法正確管理的反饋，或者響應可能需要幾個月的時間。 您如何避免這種情況並為您的客戶設定正確的方向？ 只需遵循這些提示。
1. 提前計劃
我們建議您在收集反饋之前澄清所有問題。 設定一個具體的日期，您的客戶將在該日期對您的工作提供反饋。 認真對待這個日期。 您最好提前幾天提醒您的客戶反饋日期。 您還應該就反饋的形式達成一致——無論是通過電話、電子郵件還是當面。
2. 提出重點問題
很多時候，設計演示完全變成了對內容的討論。 顯然，一些內容討論是意料之中的，但您的客戶不應該將所有反饋都用於這個主題。 如果您想獲得有用的反饋，請提出具體問題並直接對話您真正想听到的反饋。
不要問你的客戶“你怎麼看？” 相反，詢問他們這個概念是否符合他們的業務目標，或者以什麼方式未能做到這一點，或者詢問他們調色板是否符合品牌定位。
三、把握真諦
在評論你的項目時，客戶經常提出解決方案而不是指出問題：“你能把這個按鈕做得更大嗎？ 可以多加點綠色嗎？” 你的任務是找出隱藏在反饋中的核心問題或挑戰。
總是問他們為什麼：“為什麼你想讓這個按鈕更大？ 為什麼你認為更多的綠色對你的網站更好？” Svbtle 的創始人達斯汀·柯蒂斯（Dustin Curtis）至少向他的客戶詢問了三個關於他們意見的問題。
4.應用邏輯和引用著名品牌
如果您與客戶的意見不同，請不要開始批評和抹黑他們。 用事實、研究和研究來支持你的論點。 讓這些事實不言自明。 此外，您可以引用著名公司作為示例。
想像一下，您的客戶要求您將字體大小從 22pt 減小到 12pt。 在這種情況下，您可以回答“這是一個有趣的觀點。 但你知道，我最近讀到的一項研究表明，較大的字體可以喚起與品牌更緊密的情感聯繫。 順便說一句，Medium 也使用 22pt 字體。”
並且不要使用屬於“我告訴過你”風格的短語。 試著表現出同理心：“是的，當我聽到這個時我也很震驚。”
5. 尊重客戶的意見
即使您可能在網頁設計方面擁有更多經驗，您的客戶仍然比您更了解他們的業務。 他們將每天使用該設計。 因此，他們需要對您設計的網站感到滿意。
如果您的客戶對您的設計仍然不滿意，請一起修改您的工作。 嘗試根據客戶的反饋找到折衷方案並調整設計。 請記住，客戶的知識和您的經驗的共生可能會產生真正成功的產品。
現在您已經了解了理論部分：在展示您的設計作品時如何行動以及說什麼。 然而，尚不清楚您應該以何種形式構建您的設計。 你的原型應該是什麼樣的？
我應該選擇什麼類型的原型？
我們不能給你一個普遍的答案，說“就這樣畫吧”。 但是我們可以通過為您提供一些有關原型製作流程的方便提示來減輕您的工作。 我們建議您根據您當前所處的設計階段（早期階段或最終階段）選擇原型類型和用於創建原型的工具。 讓我們仔細看看這兩個階段。
早期
早期階段是您考慮網站的邏輯和功能：佈局、功能、連接和轉換。 考慮到您的目標受眾，您可以形成使網站對用戶直觀的元素。 您的主要目標是檢查產品的可操作性。
因此，在這個階段，您可以以簡單的示意圖屏幕的形式呈現一個低保真原型，通常是基本顏色，沒有視覺效果或細節。
要設計低保真原型，您可以嘗試以下工具：
- Wireframe.cc – 設計師可以用來創建線框的最基本工具之一。 它的主要優點是其簡單的界面以及無需任何註冊即可立即開始設計線框的可能性。
- Moqups.com – 一個幫助您創建線框圖、模型和原型的網絡應用程序。 Moqups 提供了一個內置庫，其中包含數千個圖標集、基於雲的存儲以及評論和反饋功能。
- Pencil Project (pencil.evolus.vn) – 適用於桌面和移動平台的免費開源原型設計工具。 Pencil Project 提供內置集合（形狀、流程圖元素等）、圖表繪製支持和頁面間鏈接。
對於低保真原型，您需要小心，因為您可能會面臨來自客戶方面的誤解和負面評論：“為什麼屏幕如此簡單？ 你為什麼用這麼差的配色方案？” 如果發生這種情況，請花時間向您的客戶解釋用戶體驗是什麼以及它對他們的產品有多重要——用戶體驗是他們未來網站的核心和靈魂——並且這個原型離最終版本還很遠。
最後階段
在最後階段，您需要向您的客戶交付一個高保真原型：添加交互元素，例如微交互、從屏幕到屏幕的導航以及其他動畫。
高保真原型是一種基於計算機的交互式表示，盡可能接近最終設計（在細節和功能方面），以允許您的客戶檢查產品的可用性並對用戶行為做出結論。
高保真原型讓您比低保真原型更真實地感受網站的過渡和功能，並在創建 UI 之前在此階段揭示潛在的錯誤或困難。
如果您不確定使用什麼工具來為您的原型製作動畫，請嘗試以下方法：
- InVision (invisionapp.com) – 一個數字產品設計平台，可讓您在幾分鐘內創建交互式原型。 使用 InVision，您可以創建樣式表並為任何設計元素生成真實代碼。 此外，InVision 讓您的客戶、團隊成員和利益相關者直接評論您的設計。
- Adobe XD (adobe.com/products/xd.html) – 一體化的 UI/UX 解決方案，可幫助您一鍵將靜態佈局轉變為交互式原型。 使用 Adobe XD，您的原型會隨著您所做的每一次更改而自動更新：無需同步。
- Principle (principleformac.com) – 一個原型製作工具，無論您是在設計多屏應用程序的流程還是新的動畫和交互，都可以讓您設計動畫和交互式用戶界面。
您準備好展示您的網頁設計了嗎？
您展示設計的形式取決於產品的類型、您展示的設計組件（例如佈局或功能）以及您所處的設計過程階段。在早期階段，您可以堅持使用低- 保真原型，而後期需要您盡快接近最終產品並交付高保真交互式原型。
當然，你的演講的成功在於你的信心和你擁有的數據：掌握事實和基於邏輯的論據來支持你的觀點。 不要害怕問你的客戶“為什麼？”。
您是否嘗試過這些技巧中的任何一個？ 你知道獲獎演講的其他秘訣嗎？ 在下面的評論中分享您的想法。