地址: 上海市靜安區(qū)共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
交互設計從來都不是簡單的事情。可靠的交互通常需要借助對用戶行為的深入分析,然后有針對性的精心策劃。可是隨著新的技術和新的交互模式的不斷涌現(xiàn),事情就變得不是那么容易了。其實大家遭遇的困境都很相似,用戶已經很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動,真正能讓他們露出微笑的是持久、令人愉悅的交互設計和用戶體驗。如果你對于日常的設計中的常見的誤區(qū)有所了解,自然會有意識地繞過這些坑。
為了更好的設計,我們?yōu)槟愫唵慰偨Y了一下最常見的5種交互設計的誤區(qū)。
1、過度的創(chuàng)意
網頁設計師 絕對不缺少創(chuàng)意。我們希望借工作表達自己,也一直在試圖尋找能讓產品脫穎而出的優(yōu)秀創(chuàng)意。但是當涉及到交互設計的時候,推陳出新并不一定總是好的,它甚至 會對你的網站和產品產生不利的影響。的確,許多用戶渴求新鮮的創(chuàng)意,但是在操作和交互上卻往往希望協(xié)調可控,所以他們更傾向于熟悉的交互。Etsy的創(chuàng)業(yè) 總監(jiān)Randy曾經撰文探討過這個問題,文中直言“設計師們不要在此(交互設計)自作聰明了!”在這篇文中,他詳細解釋了為什么你不應該走極端去設計充滿大量創(chuàng)新交互的網頁。
以Lotorama的網站為例子,漂亮的頁面和柔和的音樂都非常的贊,但是用戶進來之后會遲疑,想知道這個網站要如何操作。不要曲解我的意思,如果你是純粹處于炫技,那么這種華麗而充滿游戲性的網站絕對稱得上是創(chuàng)意無限,但是對于普通用戶而言,他們的直覺失去效果,茫然無措會成為網站瀏覽的障礙。
下面是另外一個案例,這個名為Safety on the Slopes 的項目是為了說明冬季運動的危險的,整個網站的設計整潔,交互也直觀。網站設計也有所創(chuàng)新,但是同時是以用戶交互直覺為先決條件,以身臨其境為目標。
2、令人迷惑的交互
“不要自作聰明”的規(guī)則也應當應用在導航設計上。一些設計師試圖運用別具一格不同尋常的名稱,以活動更富有實驗性的導航。比如這個Chijoff網站, 就讓前來應聘的用戶充滿困惑。如果你是網站的訪客,需要來回折騰一陣子,才能搞清楚這個名為“Co-Create”的頁面實際上也就是常見的 “Services”頁面。最糾結的是,即便是你將整個頁面都看完之后,仍然高不清楚要怎么辦,因為這個頁面的底部僅僅只有一個表單,展示行業(yè)新聞,并且 僅僅提供一個注冊入口!至于聯(lián)系頁面就更簡單了,僅僅提供了一個郵政編碼和一個郵件地址。總而言之,他們用各種手段讓用戶無法直接快速有效的聯(lián)系上他們。
在看看這個案例。你猜猜看,Maison Margiela 的頁面上的“Universe”這個分類是干啥的?這個炫酷的鏈接,實際上是鏈接到他們的Facebook頁面的……
反例當然也有,看看legworkstrdio的網站吧,他們的創(chuàng)意非常不錯,導航清晰明確,用戶也不會在導航中迷失。
3、雜亂無章
曾經有過一個階段,設計師試圖將所有的內容全都塞到一個頁面當中去。雖然這個時代已經過去了,但是很多網站依然在犯這個錯誤,甚至在我們自己設計的時候,有時候也會身不由己地想這么做。看看這個在線商店的設計吧:
設計師試圖使用簡單的配色方案,但問題是頁面中大大小小的框、復雜多變的字體破壞了整體的風格,用戶也在大量繁復的信息中懵逼。搜索框中“那么你今天想得到什么呢?”文案還是挺時尚的,但是頁面風格卻完全是過時的設計。
反觀EBay的設計,在設計上則更為克制,保持清爽而簡單的設計,凸顯用戶關注的內容,并且明確地提示用戶下一步該怎么做。
4、要有對比度
對比度是構建視覺層次最重要的手段之一,也是讓視覺元素吸引用戶的絕佳方式。在網頁設計中,對比度不僅僅是通過色彩來呈現(xiàn)的,尺寸控制、形狀設計、位置調整也都能表現(xiàn)出對比度。
最簡單也是最生動的案例,就是下面的這個網站。設計師在網站的一致性上做的頗為不錯,但是相對復雜的背景和文字內容、按鈕等前景元素之間的對比不明顯。
相比之下,這個網站也采用了深淺色(黑白)的對比來進行設計,但是結果卻截然不同。另外,充滿創(chuàng)意的滾動效果也引入了頗為不錯的視覺效果,很酷吧?
5、忽視表單樣式
表單設計其實是用戶體驗設計的基本組成部分之一。每個網站都有不同的設計目標,不論是銷售產品、呈現(xiàn)信息還是提供溝通平臺,然而許多設計漂亮的網站總會給你一個令人感到無聊到死的復雜表單,除了那些極其想加入會員或者想參與問卷調查的那些訪客,許多用戶(比如我)會直接關閉頁面,離開網站。
有了JCF這樣的跨瀏覽器解決方案之后,你就可以同丑陋的默認表單樣式說再見了,你可以設計更優(yōu)秀更人性化的表單那設計,來提升交互效率和用戶體驗。
另外一個惱人的情況是,表單要求太多,想法不成熟,或者并未經過良好的測試。比如sketchybusiness.io 這個網站中,表單突出了所有的空白字段,即使有些是不需要填寫的。
反觀mostlyserious.io的表單設計,你會喜歡表單中的鼠標懸停提示。另外,其中“Don’t be shy”的提醒為整個表單增添了人性化的元素。
有很多經典的可以在建網站時利用,但有些經典元素卻不能隨便用,因為這會牽涉到相關版權問題,作為站長應該去留神一下別人是怎么建網站的,對于一個優(yōu)秀網站來說,好的想法與經典元素是流量的保證,把經典的部分做好了才使網站易于發(fā)展。
建網站有什么經典元素可以利用
影視作品的經典元素需要有相應版權,國內網站對其有著獨到的愛好,有一家網站把小品中的經典形象制作成動畫,用于電視廣告里的宣傳。為此這家公司和被告上法庭,索賠數百萬。這就是隨便引用經典的后果。雖然效果顯著,但卻不是隨便就可以拿來用的。
利用一些經典的營銷元素,建營銷型的網站,都會把營銷型流程分成很細,大概有十多個個流程,每個流程都有相關的人員來負責,各崗位之間都是精密配合的,如果團隊能力不行,那整個網站就大打折扣,因此好的團隊,融入一些經典的營銷手法,是成就經典的營銷型網站必要因素。
利用一些經典的內容元素,要知道網站內容是左右網站權重最為關鍵的環(huán)節(jié),也是吸引客戶關注度的重點。作為站長我們務必為網站內容進行很好的策劃。很多朋友覺得網站內容只是關于網站中的文字,其實不是這樣的,這塊的內容不光指的是文字內容,還有網站上一切的重點模塊,以首頁為例子,用戶可能對于網站新聞內容、產品案例、留言這些都歸屬于網站內容的范疇,這些都應該關注,以便讓內容建設做的更好。
利用經典的網站結構,有時某些具體產品需要比較高的權重,比方某些轉化率最高、利潤率最高或者新推出的核心產品,搜索次數很多的產品,還有為指定節(jié)日或促銷活動制作的專欄頁面。這些網頁依照經典樹形框架進行建造,離首頁一般有一定距離,權重不會太高。要想使這種核心內頁獲得高權重,最容易的方法就是在首頁上直接加上幾個核心內頁的鏈接,甚至可以在側欄推薦、促銷部分加上整站鏈接。
依靠以上元素最終形成用戶體驗,現(xiàn)在做網站都講求客戶體驗,然而什么是用戶體驗呢?建網站和網站內容能夠滿足用戶需求,并給客戶帶來幫助和價值,這樣的網站就是最有用戶體驗的。套用一句頗為經典的俗話,哪兒有用戶哪兒就有市場,同樣的,哪兒有客戶哪兒就有網站需求。因此我們在建設網站前,一定要對用戶群體進行分析。比方網站的用戶分布在哪些地方,客戶的知識層次和年齡框架等,其實用戶的每一個細節(jié)都關乎到建網站的要求。因此準確對用戶需求的了解,比建網站本身更為重要。
找到一家建網站的企業(yè)來完成一套建網站設計,一個成熟的設計人員,是要用著經典之作來不斷證明著自己實力價值,在很多情況下建一個網站設計好與壞是可以從訪問流量看出來。
? ? ? ? | 公司名稱:上海緣震網絡科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區(qū)金海公路6055號29號3樓 分部:上海市靜安區(qū)共和新路4718弄10號樓2樓 商務官網:www.086cnc.com 彥蓁科技:www.shyanzhen.cn | 緣震網絡成立于 2014 年,公司主要經營全案策劃,高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發(fā)、微信小程序開發(fā)、商城定制、SEO優(yōu)化、電商托管、空間托管、網站維護、應用軟件開發(fā)、手機端APP開發(fā)、等為客戶提供一條龍網絡運營解決方案的的技術型企業(yè)。我們在人力資源、業(yè)務范圍、設計、技術、服務、信譽度、規(guī)范管理及企業(yè)文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰(zhàn)略合作,提供專業(yè)的網站建設與運營服務。我們的口號:廣結良緣、震古爍今! |