歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

如何根據(jù)網(wǎng)站流量來源渠道和轉(zhuǎn)化率確定網(wǎng)站適合做長尾或

發(fā)布時間:2016-11-12 文章來源:  瀏覽次數(shù):3158

[核心提示] 怎樣在網(wǎng)頁中應(yīng)用手繪風(fēng)格,改善網(wǎng)站的用戶體驗


  本文中,我們將討論怎樣在網(wǎng)頁中應(yīng)用手繪風(fēng)格,以改善網(wǎng)站的用戶體驗。


  識別度與真實感


  手繪風(fēng)格非常有利于展示人道色彩,形成獨特的識別度,為用戶帶來真實感。當(dāng)你收到摯友寄來的明信片時,你老是但愿看到卡片是手寫的,帶著摯友獨特的字跡,而不是用電腦打印出來的。一張手寫的便箋也老是比電腦打出來的紙片更加隨意和親近。


  在網(wǎng)頁設(shè)計中,道理也是一樣的:手繪和手寫風(fēng)格的應(yīng)用可以讓產(chǎn)品顯得更加獨特、更加真實、更加值得信賴。下面是手繪風(fēng)格帶來識別度和真實感的三個例證:


  獨特的外觀和感慨感染


  首先,手繪風(fēng)格帶來獨特的外觀和感慨感染。聞名的原型圖和線框圖工具 Balsamiq 是典型代表。Balsamiq 的功能強盛而復(fù)雜,其外觀和感慨感染卻長短常簡樸明了,手繪風(fēng)格的應(yīng)用使用戶回憶起基本的紙筆勾勒,讓用戶專注于基本的功能呈現(xiàn),而不是糾結(jié)于產(chǎn)品外觀上的細(xì)節(jié)。同時,這樣的外觀也形成了 Balsamiq 本身獨特的風(fēng)格。


  


  識別度與個性化


  手繪風(fēng)格帶來更高的識別度,讓用戶記住你的產(chǎn)品。例如 Windows 上聞名的代碼編纂器 Notepad++ 的新 logo:


  


  變色龍主體圖案不僅恰到好處地展示了產(chǎn)品本身的功能(高亮代碼的積累和變化),同時圖標(biāo)本身也顯得相稱可愛,捉住了用戶的留意力,匡助用戶把 Notepad++ 和競爭對手的編纂器產(chǎn)品區(qū)分開。


  人道化與親近感


  手繪風(fēng)格帶來人道化與親近感。告訴用戶產(chǎn)品呈現(xiàn)的內(nèi)容背后有著活生生的人,并且這些人已經(jīng)仔細(xì)地考究了產(chǎn)品的細(xì)節(jié),讓它看上去更加真實,更值得信賴。


  


  iPad 上聞名的兒童數(shù)學(xué)訓(xùn)練應(yīng)用 MathBoard 復(fù)刻了黑板的觀感,孩子們甚至可以直接用手在“黑板”上寫出數(shù)字。這樣的設(shè)定讓算術(shù)訓(xùn)練不那么冰涼和枯燥,具有了一絲人道化的色彩,更加易用,更有吸引力。


  信息傳達(dá)與內(nèi)容構(gòu)建


  信息的傳達(dá)方式?jīng)Q定了用戶是否會看到和理解這些信息。手繪風(fēng)格可以更有效、更清楚地傳達(dá)信息。下面是三個例證:


  解釋產(chǎn)品特性


  描述一個產(chǎn)品特性可能需要好幾行字,假如用手繪的話,一張圖就夠了。聞名的應(yīng)用測試服務(wù) TestFlight 在其網(wǎng)站上先容特性時使用了四個便簽形式的草圖來配合文字描述。在傳遞產(chǎn)品特性信息的同時也使網(wǎng)站變得圖文并茂,更加易讀。


  


  展示工作流程


  與其用大段文字解釋產(chǎn)品操縱中第一步做什么第二步做什么,不如給每一步配上一張清楚的手繪圖,增加可讀性,大為減少文字的用量。


  


  引導(dǎo)用戶


  使用手繪圖標(biāo)可以有效地引導(dǎo)用戶進(jìn)入產(chǎn)品和網(wǎng)站的各個部門。例如之前我們先容過的 Stamped,其網(wǎng)站上用卡透風(fēng)格圖片來引導(dǎo)用戶進(jìn)入各個種類的網(wǎng)頁。


  


  團隊展示


  用戶老是會很想知道網(wǎng)站、產(chǎn)品或者服務(wù)背后的人,因此一個有愛的團隊展示頁面上顯得尤為重要。僅僅提供聯(lián)系方式是遠(yuǎn)遠(yuǎn)不夠的,還需要向用戶展示他們要聯(lián)系的這群人有著怎樣的個性和氣質(zhì),要讓團隊顯得平易近人而又值得信賴。要達(dá)到這樣的目的,使用手繪圖片是一種很好的做法。例如——


  The Knock Knock Factory 的團隊成員展示方式:


  


  Polecat 的整體展示方式:


  


  以及 Grove 的真實照片配手寫字體的展示方式:


  


  故事講述


  手繪圖最早和最常用的功能就是用來講述一個故事了~ 無論是為了解釋產(chǎn)品的功能,仍是為了加深用戶對產(chǎn)品的印象,使用手繪圖進(jìn)行故事講述都是有效的方式。


  好比,聞名原型圖工具 Axure 首頁掛著這樣一幅用戶體驗職員和產(chǎn)品經(jīng)理工作自我吐槽的簡筆畫。很好地引起用戶的共識,增強用戶對產(chǎn)品的好感。


  


  Tourist Eye 用三幅連環(huán)畫解釋自己的產(chǎn)品功能。


  


  引起用戶留意


  假如要吸引用戶點擊某個地方,那么手繪的圈點和箭頭會是很好的選擇。好比說這樣:


  


  有的時候,使用多個箭頭也是可以的:


  


  當(dāng)然,要留意適可而止,濫用手繪箭頭的話,效果適得其反——

上一條:把握網(wǎng)站全面診斷的流程,...

下一條:網(wǎng)站分析:多個細(xì)節(jié)匡助你...