改良用戶體驗 網頁計劃中手繪作風的應用

搜刮營銷中:若何做好網站內容營銷
2016-05-13
百度算法轉變淺析優化碰到的困難
2016-05-13
Show all

改良用戶體驗 網頁計劃中手繪作風的應用

  [焦點提醒] 如何在網頁中運用手繪作風,改良網站的用戶體驗

  本文中,我們將評論辯論如何在網頁中運用手繪作風,以改良網站的用戶體驗。

  辨認度與實在感

  手繪作風異常有益於展現人道顏色,構成奇特的辨認度,為用戶帶來實在感。當你收到石友寄來的明信片時,你老是願望看到卡片是手寫的,帶著石友奇特的字跡,而沒有是用電腦打印出來的。一張手寫的便箋也老是比電腦打出來的紙片加倍隨便和密切。

  在網頁計劃中,事理也是一樣的:手繪和手寫作風的運用可讓產物顯得加倍奇特、加倍實在、加倍值得信任。上面是手繪作風帶來辨認度和實在感的三個例證:

  奇特的表面和感觸感染

  起首,手繪作風帶來奇特的表面和感觸感染。有名的原型圖和線框圖對象 Balsamiq 是典范代表。Balsamiq 的功效壯大而龐雜,其表面和感觸感染倒是異常簡略清楚明瞭,手繪作風的運用應用戶回想起根本的紙筆勾勒,讓用戶專註於根本的功效出現,而沒有是糾結於產物表面上的細節。同時,如許的表面也構成瞭 Balsamiq 自己奇特的作風。

  辨認度與本性化

  手繪作風帶來更高的辨認度,讓用戶記著你的產物。比方 Windows 上有名的代碼編纂器 Notepad++ 的新 logo:

  變色龍主體圖案不但適可而止地展現瞭產物自己的功效(高亮代碼的積聚和變更),同時圖標自己也顯得相稱心愛,捉住瞭用戶的留意力,贊助用戶把 Notepad++ 和合作敵手的編纂器產物辨別開。

  人道化與密切感

  手繪作風帶來人道化與密切感。告知用戶產物出現的內容背後有著活生生的人,而且這些人已細心地講究瞭產物的細節,讓它看上去加倍實在,更值得信任。

  iPad 上有名的兒童數學演習運用 MathBoard 復刻瞭黑板的不雅感,孩子們乃至能夠間接用手在黑板上寫出數字。如許的設定讓算術演習沒有那末冰涼和死板,具有瞭一絲人道化的顏色,加倍易用,更有吸收力。

  信息轉達與內容構建

  信息的轉達方法決議瞭用戶是不是會看到和懂得這些信息。手繪作風能夠更有用、更清楚地轉達信息。上面是三個例證:

  說明產物特征

  描寫一個產物特征大概須要好幾行字,假如用手繪的話,一張圖就夠瞭。有名的運用測試辦事 TestFlight 在其網站上先容特征時應用瞭四個便簽情勢的草圖來合營筆墨描寫。在通報產物特征信息的同時也使網站變得圖文並茂,加倍易讀。

  展現事情流程

  與其用大段筆墨說明產物操縱中第一步做甚麼第二步做甚麼,沒有如給每步配上一張清楚的手畫圖,增長可讀性,大為削減筆墨的用量。

  引誘用戶

  應用手畫圖標能夠有用地引誘用戶進入產物和網站的各個部門。比方之前我們先容過的 Stamped,其網站上用卡透風格圖片來引誘用戶進入各個品種的網頁。

  團隊展現

  用戶老是會很想曉得網站、產物大概辦事背後的人,是以一個有愛的團隊展現頁面上顯得尤其主要。僅僅供給接洽方法是遠遠不敷的,還須要向用戶展現他們要接洽的這群人有著如何的本性和藹質,要讓團隊顯得平易近民而又值得信任。要到達如許的目標,應用手畫圖片是一種很好的做法。比方

  The Knock Knock Factory 的團隊成員展現方法:

  Polecat 的團體展現方法:

  和 Grove 的實在照片配手寫字體的展現方法:

  故事報告

  手畫圖最早和最經常使用的功效就是用來說述一個故事瞭~ 不論是為懂得釋產物的功效,照樣為瞭加深用戶對產物的印象,應用手畫圖舉行故事報告都是有用的方法。

  好比,有名原型圖對象 Axure 首頁掛著如許一幅用戶體驗職員和產物司理事情自我吐槽的簡筆劃。很好地引發用戶的共識,加強用戶對產物的好感。

  Tourist Eye 用三幅連環畫說明本身的產物功效。

  引發用戶留意

  假如要吸收用戶點擊某個處所,那末手繪的圈點和箭頭會是很好的挑選。好比說如許:

  有的時刻,應用多個箭頭也是能夠的:

  固然,要留意恰到好處,濫用手繪箭頭的話,後果拔苗助長

  原文地點:/files/article/html/0/304/index.html

Comments are closed.