圖片加載失敗
首頁 動态

Our News

動态

呼和浩特網站建設:淺談網頁設計中有趣的交互設計技巧

交互設計的本質是對(duì)用戶行爲的一種(zhǒng)設計,直達内心的設計能(néng)夠影響用戶自身的情感,從而引導用戶的行爲、提升趣味性和愉悅度等,這(zhè)些都(dōu)是針對(duì)用戶情感化設計的領域。針對(duì)用戶情感進(jìn)行設計時,需要考慮産品的用戶群,有趣的交互設計將(jiāng)會爲産品塑造個性,需要明确産品個性是否與目标用戶相符。富有靈感和創意的設計與一般設計的區别在于,它不那麼(me)容易被(bèi)想到和實現,一旦它被(bèi)實現,一定是個非常有趣并且迷人的網站。

1.圖形視覺化

人們往往會忽略身邊所熟悉的事(shì)物,這(zhè)是人本身的适應性所造成(chéng)的,當在熟悉的狀态當中出現新奇有趣的東西時,人們的注意力也會被(bèi)集中過(guò)來。網頁中,不規則的形狀設計可以生成(chéng)最有趣、最吸引人的網站,用常态之外的形狀來創造視覺上的興趣點,更有利于用對(duì)網站的清晰辨識,并且方便快捷訪問。每個網站需要有它的獨特性來吸引用戶,但表達這(zhè)些獨特性的元素,一定不能(néng)對(duì)用戶理解内容産生幹擾。

2.“大”時代登場

對(duì)于有些設計項目來說,老套的設計模式并不奏效,你需要設計的大點,要比以往設計的元素還(hái)要大,因此就非常适合采用超大網頁布局。無論是采用大字體、大背景還(hái)是大按鈕,都(dōu)極具視覺沖擊力,吸引用戶注意力。

3.合理的用戶引導

任何一個交互的過(guò)程對(duì)于新用戶來說都(dōu)不能(néng)保證所有人都(dōu)能(néng)準确完整地走完一個流程。必須要在用戶打開(kāi)網站之後(hòu),引導用戶完成(chéng)某些主要任務流程,幫助用戶快速掌握網站的使用方法,減少用戶的思考時間,讓用戶快速體驗到網站中的樂趣,激起(qǐ)用戶對(duì)功能(néng)的嘗試欲望。同時也要避免接連不斷的展示引導信息,這(zhè)樣(yàng)不僅會加重短期記憶,而且會讓新用戶認爲應用過(guò)于複雜,望而生畏。

4.合理的信息架構

合理的信息架構是減少信息層級,追求信息到達用戶的最短距離,能(néng)夠幫助用戶更方便快捷地在網站上尋找到他們需要的信息,從而有效地提升網站的用戶體驗。在設計的表現形式上追求界面(miàn)扁平,注重通過(guò)弱化視覺效果來強化應用的功能(néng)。

合理結構設計尊重大多數用戶的使用習慣,一般要采用人體工程學(xué)的設計原理,將(jiāng)網站上各種(zhǒng)功能(néng)的操作都(dōu)遵循右手使用習慣,并且在一些地方進(jìn)行标識引導左手上網的用戶習慣,這(zhè)樣(yàng)才能(néng)夠讓網站的結構顯得更加人性化。另外,這(zhè)對(duì)搜索引擎排名有實質影響,尤其是從長(cháng)遠來看,因此遵循搜索友好(hǎo)性的基本原則是比較明智的。

5.導航隐藏功能(néng)

將(jiāng)鼠标放到導航的标簽上,原本靜态的圖标(如冰箱)將(jiāng)會自動打開(kāi),告知你的當前位置。圖标在鼠标不觸碰的情況下呈現靜态,有趣的交互使整個網站看起(qǐ)來更有意思。

6.具有親和力的圖形化導航

最近的導航設計越來越多的采用了圖标,代替了原有的文字,并且有意的擴大了單個标簽的點擊區域。文字加圖标解決了用戶易用(交互、文案),以及想用(視覺,交互)來表現的問題。

7.反饋設計

反饋和交互意味著(zhe)使用适當的反饋方式,以及與程序之間的交互,讓用戶時刻知道(dào)當下發(fā)生了什麼(me),而不僅僅是當事(shì)情出錯時顯示一個警告。對(duì)網站用戶而言,反饋屬于提示信息類型的一種(zhǒng)。案例一按鈕的提示狀态:内容爲空時不可點擊的按鈕狀态和有内容的按鈕的區别。按鈕爲灰色狀态,不可發(fā)表内容。

8.交互設計

做設計的過(guò)程,就是一個不斷講故事(shì)的過(guò)程。交互設計師應該具備憑空想象複雜交互行爲的能(néng)力。通過(guò)流程圖,強迫自己把各種(zhǒng)分支流程都(dōu)考慮到,窮舉出各種(zhǒng)CASE,而另一個好(hǎo)用的方法即是講故事(shì)。

假如先誠科技就是用戶本身,很容易的就能(néng)發(fā)現不符合邏輯的事(shì)實——因爲故事(shì)很容易講不下去。但是沒(méi)有故事(shì)得連續性,片段的話語很容易“蒙混過(guò)關”。

講清楚一個故事(shì)之後(hòu),還(hái)要把故事(shì)拆分成(chéng)任務,按任務優先級去繪制交互原型,然後(hòu)拿著(zhe)低保真原型去找用戶測試(最好(hǎo)可以在真實環境中去測試)。等到高保真DEMO出來之後(hòu),還(hái)是要叠代測試,還(hái)原真實的故事(shì),再把問題反饋到講故事(shì)的環境,修改情節和場景,使故事(shì)不斷豐滿。

總結:有趣的交互設計是對(duì)枯燥的事(shì)物進(jìn)行的一次轉變,以一種(zhǒng)輕松、幽默的方式進(jìn)行展示,在不失其功能(néng)性的基礎上增加一些想像力,這(zhè)樣(yàng)的嘗試能(néng)夠使用戶産生有趣且愉快的感覺,這(zhè)是一種(zhǒng)積極的情感,對(duì)你的産品也會有正向(xiàng)的幫助