地址: 上海市靜安區共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
交互設計從來都不是簡單的事情。可靠的交互通常需要借助對用戶行為的深入分析,然后有針對性的精心策劃。可是隨著新的技術和新的交互模式的不斷涌現,事情就變得不是那么容易了。其實大家遭遇的困境都很相似,用戶已經很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動,真正能讓他們露出微笑的是持久、令人愉悅的交互設計和用戶體驗。如果你對于日常的設計中的常見的誤區有所了解,自然會有意識地繞過這些坑。
為了更好的設計,我們為你簡單總結了一下最常見的5種交互設計的誤區。
1、過度的創意
網頁設計師 絕對不缺少創意。我們希望借工作表達自己,也一直在試圖尋找能讓產品脫穎而出的優秀創意。但是當涉及到交互設計的時候,推陳出新并不一定總是好的,它甚至 會對你的網站和產品產生不利的影響。的確,許多用戶渴求新鮮的創意,但是在操作和交互上卻往往希望協調可控,所以他們更傾向于熟悉的交互。Etsy的創業 總監Randy曾經撰文探討過這個問題,文中直言“設計師們不要在此(交互設計)自作聰明了!”在這篇文中,他詳細解釋了為什么你不應該走極端去設計充滿大量創新交互的網頁。
以Lotorama的網站為例子,漂亮的頁面和柔和的音樂都非常的贊,但是用戶進來之后會遲疑,想知道這個網站要如何操作。不要曲解我的意思,如果你是純粹處于炫技,那么這種華麗而充滿游戲性的網站絕對稱得上是創意無限,但是對于普通用戶而言,他們的直覺失去效果,茫然無措會成為網站瀏覽的障礙。
下面是另外一個案例,這個名為Safety on the Slopes 的項目是為了說明冬季運動的危險的,整個網站的設計整潔,交互也直觀。網站設計也有所創新,但是同時是以用戶交互直覺為先決條件,以身臨其境為目標。
2、令人迷惑的交互
“不要自作聰明”的規則也應當應用在導航設計上。一些設計師試圖運用別具一格不同尋常的名稱,以活動更富有實驗性的導航。比如這個Chijoff網站, 就讓前來應聘的用戶充滿困惑。如果你是網站的訪客,需要來回折騰一陣子,才能搞清楚這個名為“Co-Create”的頁面實際上也就是常見的 “Services”頁面。最糾結的是,即便是你將整個頁面都看完之后,仍然高不清楚要怎么辦,因為這個頁面的底部僅僅只有一個表單,展示行業新聞,并且 僅僅提供一個注冊入口!至于聯系頁面就更簡單了,僅僅提供了一個郵政編碼和一個郵件地址。總而言之,他們用各種手段讓用戶無法直接快速有效的聯系上他們。
在看看這個案例。你猜猜看,Maison Margiela 的頁面上的“Universe”這個分類是干啥的?這個炫酷的鏈接,實際上是鏈接到他們的Facebook頁面的……
反例當然也有,看看legworkstrdio的網站吧,他們的創意非常不錯,導航清晰明確,用戶也不會在導航中迷失。
3、雜亂無章
曾經有過一個階段,設計師試圖將所有的內容全都塞到一個頁面當中去。雖然這個時代已經過去了,但是很多網站依然在犯這個錯誤,甚至在我們自己設計的時候,有時候也會身不由己地想這么做。看看這個在線商店的設計吧:
設計師試圖使用簡單的配色方案,但問題是頁面中大大小小的框、復雜多變的字體破壞了整體的風格,用戶也在大量繁復的信息中懵逼。搜索框中“那么你今天想得到什么呢?”文案還是挺時尚的,但是頁面風格卻完全是過時的設計。
反觀EBay的設計,在設計上則更為克制,保持清爽而簡單的設計,凸顯用戶關注的內容,并且明確地提示用戶下一步該怎么做。
4、要有對比度
對比度是構建視覺層次最重要的手段之一,也是讓視覺元素吸引用戶的絕佳方式。在網頁設計中,對比度不僅僅是通過色彩來呈現的,尺寸控制、形狀設計、位置調整也都能表現出對比度。
最簡單也是最生動的案例,就是下面的這個網站。設計師在網站的一致性上做的頗為不錯,但是相對復雜的背景和文字內容、按鈕等前景元素之間的對比不明顯。
相比之下,這個網站也采用了深淺色(黑白)的對比來進行設計,但是結果卻截然不同。另外,充滿創意的滾動效果也引入了頗為不錯的視覺效果,很酷吧?
5、忽視表單樣式
表單設計其實是用戶體驗設計的基本組成部分之一。每個網站都有不同的設計目標,不論是銷售產品、呈現信息還是提供溝通平臺,然而許多設計漂亮的網站總會給你一個令人感到無聊到死的復雜表單,除了那些極其想加入會員或者想參與問卷調查的那些訪客,許多用戶(比如我)會直接關閉頁面,離開網站。
有了JCF這樣的跨瀏覽器解決方案之后,你就可以同丑陋的默認表單樣式說再見了,你可以設計更優秀更人性化的表單那設計,來提升交互效率和用戶體驗。
另外一個惱人的情況是,表單要求太多,想法不成熟,或者并未經過良好的測試。比如sketchybusiness.io 這個網站中,表單突出了所有的空白字段,即使有些是不需要填寫的。
反觀mostlyserious.io的表單設計,你會喜歡表單中的鼠標懸停提示。另外,其中“Don’t be shy”的提醒為整個表單增添了人性化的元素。
品牌建站具有多方面的優勢,具體如下: 1. **提升品牌形象與知名度**: - **專業形象塑造**:品牌建站通常會有專業的設計團隊進行頁面設計,無論是色彩搭配、排版布局還是視覺元素的運用,都能更好地契合品牌的風格和定位,呈現出高端、專業的視覺效果,與品牌的形象相得益彰。例如,蘋果公司的官方網站,簡潔大氣的設計風格完美地體現了其品牌的科技感和創新精神,給用戶留下了深刻的印象。 - **廣泛的傳播渠道**:通過網站,品牌可以突破地域和時間的限制,將品牌信息傳遞給全球范圍內的潛在客戶。而且,網站可以與各種社交媒體平臺、搜索引擎等進行鏈接和推廣,擴大品牌的曝光度,提高品牌的知名度。比如,一些時尚品牌通過精美的網站展示新品,吸引用戶分享到社交媒體上,從而迅速傳播品牌信息。 2. **增強用戶體驗與信任度**: - **個性化服務**:品牌建站可以根據目標用戶的需求和行為習慣,提供個性化的內容和服務。例如,用戶登錄網站后,可以根據其歷史瀏覽記錄和購買行為,為其推薦相關的產品或信息,提高用戶的滿意度和忠誠度。 - **建立信任關系**:一個專業、完善的品牌網站能夠向用戶展示品牌的實力、資質和信譽,讓用戶對品牌產生信任感。網站上可以展示品牌的歷史、成就、客戶案例、用戶評價等信息,增強用戶對品牌的認可。比如,一些知名的電商平臺會在網站上展示大量的用戶好評和商品認證信息,提高用戶的購買信心。 3. **助力產品營銷與銷售**: - **產品展示與推廣**:品牌網站可以詳細地展示產品的特點、優勢、使用方法等信息,通過圖片、視頻、文字等多種形式進行呈現,讓用戶更全面地了解產品。同時,網站可以結合搜索引擎優化(SEO)、社交媒體推廣等手段,提高產品的曝光度和搜索排名,吸引更多的潛在客戶。 - **促進銷售轉化**:品牌建站可以實現線上購物、預訂、咨詢等功能,為用戶提供便捷的購買渠道。而且,通過網站的數據分析功能,品牌可以了解用戶的購買行為和需求,優化銷售流程和營銷策略,提高銷售轉化率。例如,一些在線教育品牌通過網站提供課程試聽、學習資料下載等服務,吸引用戶購買課程。 4. **便于數據收集與分析**: - **用戶行為數據收集**:網站可以記錄用戶的訪問時間、瀏覽頁面、點擊行為等數據,品牌可以通過這些數據了解用戶的興趣愛好、需求偏好、購買意向等信息,為產品研發、市場推廣、客戶服務等提供依據。 - **市場趨勢分析**:通過對網站數據的長期積累和分析,品牌可以了解市場的動態變化、競爭對手的情況等,及時調整品牌策略和發展方向,保持市場競爭力。例如,一些汽車品牌通過網站數據分析用戶對不同車型的關注程度和反饋意見,優化產品設計和營銷策略。 5. **擁有自主控制權與靈活性**: - **品牌自主管理**:品牌擁有自己的網站,就擁有了對網站內容、功能、設計等方面的自主控制權,可以根據品牌的發展需求和市場變化隨時進行調整和優化,不受第三方平臺的限制。 - **功能拓展性強**:品牌建站可以根據品牌的業務需求和發展規劃,不斷添加新的功能模塊和服務內容,如會員系統、論壇社區、在線客服等,滿足用戶的多樣化需求,提升品牌的服務水平和用戶體驗。
? ? ? ? | 公司名稱:上海緣震網絡科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區金海公路6055號29號3樓 分部:上海市靜安區共和新路4718弄10號樓2樓 商務官網:www.9youmishi.cn 彥蓁科技:www.shyanzhen.cn | 緣震網絡成立于 2014 年,公司主要經營全案策劃,高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發、微信小程序開發、商城定制、SEO優化、電商托管、空間托管、網站維護、應用軟件開發、手機端APP開發、等為客戶提供一條龍網絡運營解決方案的的技術型企業。我們在人力資源、業務范圍、設計、技術、服務、信譽度、規范管理及企業文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰略合作,提供專業的網站建設與運營服務。我們的口號:廣結良緣、震古爍今! |