2015年9月14日星期一
網頁設計中常見的五種交互設計錯誤
交互設計從來都不是簡單的事情。可靠的交互通網路行銷台中常需要借助對用戶行為的深入分析，然後有針對性的精心策劃。可是隨著新的技術網路行銷和新的交互模式的不斷湧現，事情就變得不是那麼容易了。其實大家遭遇的困境都很相似，用戶已經很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動，真正能讓他們露出微笑的是持久、令人愉悅的交互設計和用戶體驗。如果你對於日常的設計中的常見的誤區有所了解，自然會有意識地繞過這些坑。
1、過度的創意
網頁設計師 絕對不缺少創意。我們希望借工作表達自己，也一直在試圖尋找能讓產品脫穎而出的優秀創意。但是當涉及到交互設計的時候，推陳出新並不一定總是好的，它甚至 會對你的網站和產品產生不利的影響。的確，許多用戶渴求新鮮的創意，但是在操作和交互上卻往往希望協調可控，所以他們更傾向於熟悉的交互。Etsy的創業 總監Randy曾經撰文探討過這個問題，文中直言“設計師們不要在此(交互設計)自作聰明了！”在這篇文中，他詳細解釋了為什麼你不應該走極端去設計充滿大量創新交互的網頁。
2、令人迷惑的交互
“不要自作聰明”的規則也應當應用在導航設計上。一些設計師試圖運用別口碑行銷具一格不同尋常的名稱，以活動更富有實驗性的導航。比如這個Chijoff網站， 就讓前來應聘的用戶充滿困惑。如果你是網站的訪客，需要來回折騰一陣子，才能搞清楚這個名為“Co-Create”的頁面實際上也就是常見的 “Services”頁面。最糾結的是，即便是你將整個頁面都看完之後，仍然高不清楚要怎麼辦，因為這個頁面的底部僅僅只有一個表單，展示行業新聞，並且 僅僅提供一個注冊入口！至於聯系頁面就更簡單了，僅僅提供了一個郵政編碼和一個郵件地址。總而言之，他們用各種手段讓用戶無法直接快速有效的聯系上他們。
3、雜亂無章
曾經有過一個階段，設計師試圖將所有的內容全都塞到一個頁面當中去。雖然這個時代已經過去了，但是很多網站依然在犯這個錯誤，甚至在我們自己台北網頁設計設計的時候，有時候也會身不由己地想這麼做。
4、要有對比度
對比度是構建視覺層次最重要的手段之一，也是讓視覺元素吸引用戶的絕佳方式。在網頁設計中，對比度不僅僅是通過色彩來呈現的，尺寸控制、形狀設計、位置調整也都能表現出對比度。
最簡單也是最生動的案例，就是下面的這個網站。設計師在網站的一致性上做的頗為不錯，但是相對復雜的背景和文字內容、按鈕等前景元素之間的對比不明顯。
5、忽視表單樣式
表單設計其實是用戶體驗設計的基本組網頁設計台北成部分之一。每個網站都有不同的設計目標，不論是銷售產品、呈現信息還是提供溝通平台，然而許多設計漂亮的網站總會給你一個令人感到無聊到死的復雜表單，除了那些極其想加入會員或者想參與問卷調查的那些訪客，許多用戶(比如我)會直接關閉頁面，離開網站。
博主好站推薦:
我們為什麼要使用設計模式呢?
盡管印刷設計模式比網頁設計模式更早出網頁設計台北現，但印刷設計模式卻使用很少，遠不及網頁設計模式。原因是：比起印刷設計，信息建構、編碼和可用性設計等對網頁設計影響更大，且這些方面都會利用到設計網路行銷模式。
程口碑行銷序員的價值不在於創造，而在於高效、簡明的解決問題。如果你曾經寫過PHP你會知道有很多種方法可以在數據庫裡恢復數據，但是大多數PHP程序員會反復使用同一段代碼。如果你曾經寫過Java你會知道雖然有很多方法可以用來迭代，但是只有其中一種方法更合理更高效。事實上，很多的代碼編寫人員都重復使用一段很精確的代碼，因為幾乎所有的同事都會默認使用這段代碼。
與程序員相反，設計師的價值在於創造，但是卻有一些設計師使用模版台北網頁設計設計，因為他們缺乏想像(或者說是勇氣)去做一些改變，其中大多數人都是靠一些老套的設計模式來得到方案。
然而在設計項目中使用設計模式並不是默認的規則，這就是為網路行銷台中什麼設計模式在代碼設計中更為流行。看一些網頁設計和移動端app設計，你往往會看到他們一次又一次地使用相同的設計模式：這個app頁面在手機上展示，向左或向右對齊；緊隨其後的是標語和引導動作；背景圖片往往是一張模糊了的咖啡店。
博主好站推薦:
網頁設計中的卡片式設計趨勢
網頁設計中的卡片式設計趨勢：總有一台北網頁設計些新的設計趨勢蓄勢待發。現在誰又能忘記視差滾動這種設計手法呢?這種網頁設計趨勢從網路行銷幾年前一直延續到現在，越來越多的用戶開始認可並關注這種視差滾動式的網頁。
而在諸多新興的設計趨勢當中，基於卡片的網頁設計也開始在整個網頁設計浪潮中占有一席之地。雖然比例不高，但是口碑行銷對他認可的設計師和用戶正在穩步增加。
也許你對於曾經火爆一時的瀑布流還有印像，它也算是卡片式設計的一個分支，而最典型也是最具有影響力的，是Pinterest，國內的花瓣和它有著異曲同工之妙。網頁設計台北當用戶打開這些網頁的時候，他們會逐漸洞悉到這種看似簡單的設計背後對於信息和內容的高度整網路行銷台中合，也會逐漸折服於這種簡單但優雅的設計方法。
當然，卡片式設計並不止於此。而在你的網站中采用卡片式設計也有著足夠的好處。
信息架構與柵格系統
當你查看任何卡片式設計的時候，你是無法忽視整個設計中貫穿始終的柵格系統。每一個卡片的邊緣都在整個設計中成為一套更大的柵格系統的一部分，他們在尺寸和間隙上保持著一致性與和諧性。
毫無疑問，規則的柵格化系統是有助於整個信息架構的建立的。信息架構為網站創造一套智能化的規則和流程，訪客可以更輕松地吸收網站所提供的信息，明確每一個頁面的功能和目的，掌控整個網站。
想想看，強調一致性的卡片式設計可以更好地引導用戶的視覺。卡片的矩陣至少是按列或者按行對齊的，用戶的眼睛可以沿著橫向或者縱向有序地瀏覽。這種瀏覽方式可以讓用戶更快地找到對他們而言重要的內容。
博主好站推薦:
聊聊網頁設計中五大金科玉律
從字體設計、制圖到頁面版式，設計總有那口碑行銷麼幾條通用的原則，它適用於網頁或者印刷。然而，在網頁設計這邊，很多本應該有的規則都被搞亂了，就只是跟著感覺走。這並不是說設計師在規則網路行銷方面有松懈，而是大多數網絡工作者都不知道要遵守這些規則——就算他們知道，也不知道怎麼去用。
結合網頁講，就是以下幾條：
平 衡
平衡感挺難拿捏的。網頁上呈現出的平衡有兩種——對稱和不對稱。我們都很習慣了看對稱的圖片，就像我們小時候剪紙花，都會兩邊一起剪，這樣打開就是對稱化的。這種對稱的平衡很好識別(反正都鏡面反射一下)，而在不對稱構圖裡面做到平衡才難。
不對稱平衡
在多處位置展示了不對稱平衡裡面的一些重要原則。你看，作為主Banner的那只狗的照片——狗身上的黑色全壓在畫面左側了，這時候畫面右側出現了一個X，這看似隨意的灰色X，可是平衡畫面的關鍵因素！這樣一來，你的視線就會被牽扯到畫面中間。除了在Banner圖裡面，在網頁的頁頭中也出現了這樣的設計——菜單欄的大小和顏色都相對重。那麼在Subtraction的logo這條台北網頁設計，就對應用了黑字白底，再在上面加上黑線，這樣上下會相對平衡一些。
對稱平衡
蘋果是現代網頁中實現對稱平衡的典範。如圖二，每個元素都是在中軸線兩側排布，創造出了一個視覺上的和諧情景。
比 例
對於網頁元素來說，並不是看得清楚就好，或者文本多長就弄多大，它的排布跟網頁的平衡視覺上強調誰有很大關系。
Coda
在這個頁面上，各元素的比例控制得很好。不僅是視覺上的層次很好，意義上的層次也很好。從產品的logo開始(1)，然後引導用戶的行為(2)，再到文字比較密集的相關介紹(3)，排布都很合理。圖文混排的區域，標題的權重和正文隔開，還有和左側icon的關系都很注意。瀏覽這個頁面的時候也會覺得整體非常協調。
節奏
網頁上的節奏感非常重要，甚至比數據更重網頁設計台北要。尤其那些數據量大，頁面長的網頁。比如這個叫Digg的網站，頁面上出現了雙目錄，但也是遵循了節奏感方面的一些原則。
Digg
Digg首先在header部分展示出的是一個水平的導航欄，然後跳到主要內容的展示部分，每篇文章依次列開。這就給讀者一種連續的感覺，會順著往下滑。而這個小技巧也被用在了右側的Top 10文章排列中。
強調
在設計中，再沒有比圓形更有魅力的圖案了，尤其是在充斥著四邊形的網頁設計領域。一個圓網路行銷台中圈並不需要借助亮眼的顏色或留白，僅僅靠它的形狀特點就能輕松引起用戶的注意。這就是為什麼你的眼睛總能被那些最近流行的標志所吸引，不過“圓形”最大的魅力其實還是發揮在Logo上。
博主好站推薦:
設計模式有用嗎?
設計模式當然有用。它們一直隨著時間的推移逐步進網路行銷化，而且獨特的是一個設計模式只要能被哪怕一個人認同，它就可以存活。按照文化領域的進化論來說，模式存活的關鍵在於獨特性，這些存活下來的模式是成功的。
對網口碑行銷頁設計師來說，設計模式是通往成功最簡單的途徑。它們提供了非常多的方案來讓台北網頁設計客戶挑選直到滿意。而且設計模式不需要β測試，他們沒有一個准確的答案，甚至不網頁設計台北必讓你的客戶去進行用戶測試，因為設計模式已經在長久的使用中得到了驗證。
設計模式(幾乎)是用來給顧客服務的，而不是給設計師服務的。利用設計模式就像期望能在繪畫方面靠作品數量取勝網路行銷台中。說真的，我們應該享受設計過程而不是只為了最後拿到工資。你有責任給你的用戶拿出最好的方案，但是同樣對自己有責任。如果你沒打算去變的更有創造力，也有簡單的辦法。
設計模版的支持者聲稱，他們高效的用基礎的UI設計促進了交易成功率，提高了就業率，還讓設計少走了彎路。但是，這是一個過時了的想法。當然如果你創造了一個復雜的app，一些規則可以幫你的用戶盡快熟悉它，但是它不太可能對你設計一些你不太熟悉的網站比如人口統計學網站有所幫助。
當網頁剛剛出現的時候，把每一個鏈接設計成藍色是有效的，因為這樣可以幫助人們找到入口。但是這種普通的設計對鏈接來說已經不再必要，因為我們知道一般鏈接在哪裡。作為時代的見證者，像鏈接就是藍色的這種模式現在已經不再流行了。
設計模版的問題是：盡管他們在很短的一段時間內有用，但沒人能夠預知他們到底多久會過時。
博主好站推薦:
订阅：
评论 (Atom)