改善網站的用戶體驗網頁中應用手繪風格(1)

文章描述：本文中，我們將討論怎樣在網頁中應用手繪風格，以改善網站的用戶體驗。

本文中，我們將討論怎樣在網頁中應用手繪風格，以改善網站的用戶體驗。

識別度與真實感

手繪風格特別很是有利于展示人性色彩，形成的識別度，為用戶帶來真實感。當你收到好友寄來的明信片時，你總是希望看到卡片是手寫的，帶著好友的筆跡，而不是用電腦打印出來的。一張手寫的便箋也總是比電腦打出來的紙片更加隨意和親近。

在網頁設計中，道理也是一樣的：手繪和手寫風格的應用可以讓產品顯得更加、更加真實、更加值得相信。下面是手繪風格帶來識別度和真實感的三個例證：

的外觀和感受

首先，手繪風格帶來的外觀和感受。的原型圖和線框圖工具 Balsamiq 是典型代表。Balsamiq 的功能壯大而復雜，其外觀和感受卻是特別很是簡單明了，手繪風格的應用使用戶回憶起基本的紙筆勾畫，讓用戶專注于基本的功能呈現，而不是糾結于產品外觀上的細節。同時，這樣的外觀也形成了 Balsamiq 自己的風格。

識別度與個性化

手繪風格帶來更高的識別度，讓用戶記住你的產品。例如 Windows 上的代碼編輯器 Notepad++ 的新 logo：

變色龍主體圖案不僅恰到益處地展示了產品自己的功能（高亮代碼的積累和轉變），同時圖標自己也顯得相當可愛，抓住了用戶的注重力，幫助用戶把 Notepad++ 和競爭對手的編輯器產品區分開。

人性化與親近感

手繪風格帶來人性化與親近感。告訴用戶產品呈現的內容背后有著活生生的人，并且這些人已經細心地考究了產品的細節，讓它看上去更加真實，更值得相信。

iPad 上的兒童數學演習應用 MathBoard 復刻了黑板的觀感，孩子們甚至可以直接用手在“黑板”上寫出數字。這樣的設定讓算術演習不那么嚴寒和枯燥，具有了一絲人性化的色彩，更加易用，更有吸引力。

信息傳達與內容構建

信息的傳達體例決定了用戶是否會看到和理解這些信息。手繪風格可以更有用、更清晰地傳達信息。下面是三個例證：

詮釋產品特征

描述一個產品特征可能需要好幾行字，假如用手繪的話，一張圖就夠了。的應用測試服務 TestFlight 在其網站上介紹特征時使用了四個便簽形式的草圖來配合文字描述。在傳遞產品特征信息的同時也使網站變得圖文并茂，更加易讀。

展示工作流程

與其用大段文字詮釋產品操作中步做什么第二步做什么，不如給每一步配上一張清晰的手繪圖，增添可讀性，大為削減文字的用量。

指導用戶

使用手繪圖標可以有用地指導用戶進入產品和網站的各個部分。例如之前我們介紹過的 Stamped，其網站上用卡通風格圖片來指導用戶進入各個種類的網頁。