嘗試將網頁設計融入到簡單易懂的理念
當將易操作的理念融合到網站設計中時,網站設計的問題就變得更加復雜。當大多數人使用全螢幕觀看電腦時,這些理念往往容易被大眾忽視。除了需要考慮人們的身體條件如視力不好外,你也不得不注意到關於瀏覽器市場的不斷變化。
給你的用戶群提供一個完美的瀏覽體驗並不是一件容易的事。它需要你非常努力的工作,並且要很專注才行!因為存在有很多的支持Internet的設備,包括移動和平板設備以及網絡電視甚至還有游戲控制器。
因為這些各種各樣條件,我們看到許多設計的層面開始減少。在以下的文章中我將列舉一些快速實用的技巧,當你設計網站時,你可以核對一下這些建議,以確保你的網站流量能得到最好的結果。
1.組織和網頁設計資訊
你如何佈局網頁設計內容幾乎總是歸結為幾個因素。你應該考慮一下,當一個訪客瀏覽完了你網站的所有內容後,哪些內容會脫穎而出,吸引這些訪客。也就是說,部落格文章在顯示網頁一段段的內容上是一致的。
將網站組織成列表以及其它抽象情況有很多理由。收藏,文章列表,圖片畫廊,圖表和表格都是展現與眾不同內容的方法的很好例子。當網頁內容被分成一小塊一小塊時,這對瀏覽者來說會很容易操作。
當創建一個列表位置時,每個列表的第一個元素應該好好斟酌一下。一般來說,人們往往傾向於將重要的東西放在列表開始和最後的位置。這也可以使得你的導向連結變得更加易於訪問。
2.心理因素
人類是一種具有高級形式的生命,他們在這個宇宙中非常特別。我們的思考方式、如何處理資訊甚至是與環境之間的相互作用都已經根深蒂固於我們的思想和決策過程。這種心理將深刻地影響用戶和你的網站之間的交互,所以迎合所有類型的人是很重要的。
你的用戶對你的網站評價的80%-90%來自於你的網頁的設計。網頁瀏覽者是很挑剔的並將對他們瀏覽過的所有網站進行評價。所以確保你的網站容易操作和閱讀是很關鍵的。
即使你網站上大部分內容都是圖片和影音,這往往還是不夠的。僅僅靠複製11px字體的內容到網站上的日子早已經一去不復返了。這種奇特卻煩人且微不足道的風格是很久之前的標準,那時候公司的利益很大程度上依賴Web網路。
現在情況正更多地朝著養育型和穩定的環境發展。有幾個關鍵點需要提出,這包括操作和返回的穩定性。例如,大多數訪客希望你的網站logo或有回首頁連結的接回網站首頁。這是多年以來的標準實踐,並且這種穩定功能將允許訪客能夠很舒服地到處看看。
3.減少空白圖像
圖片並不是像人們常說的那樣嚴重的問題。對於那些通過純文字螢幕閱讀器或者手機螢幕瀏覽網站的用戶,這可能會在顯示上遇到一些問題。然而用這些設備上網的用戶已經知道會有這種結果,而且他們也不想獲得完整的網站體驗。
問題更多地在於空白圖像,這些圖片被添加到了靜態頁面內容中,卻沒有任何meta資訊。Google和其它搜索引擎不能在圖片之間進行掃描以建立任何形式的組織方法。這不僅僅是因為缺乏技術,更是因為將掃描和給圖片加標簽的工作交給電腦來做是很危險的,可能存在很多問題。
為每張圖片添加alt和title標籤用不了太多的工作量。這不僅給搜尋引擎提供了一種很好的方法來組織甚至是排列你的網站內容,而且不能顯示照片時也能知道那些塊中包含了什麼東西。許多移動設備將暫緩加載圖像並允許用戶單獨選擇某些圖片進行下載。
4.保持標準的結構
這種觀念和一般Web網路用戶的心理有很密切的關係。試想一下,一個用戶需要多少時間來適應那種很陌生的網站佈局,即使這種佈局是很別出心裁的。他們需要重新認識網站上設計的每一個關鍵設計部分,如廣告設計,網頁設計內容,標題設計和連結分佈等,這是很麻煩的。
當發現自己處在一個到處充滿廣告設計的陌生的環境中時,事情將變得很棘手。不要讓自己處於這種情況。可用性分析師和顧問Steve Krug寫過一本書:Don’t Make Me Think!,這本書很好地列出了如何從開始建立一個網頁。它從實用性角度來處理網頁設計,並證實了建立最佳描述資訊是毫不費力的。
5.有組織地調節
這些調節之所以能夠起這麼好的作用的原因就要歸結到思維模式領域了。當我們在幾周時間裡連續訪問同一個網站時,我們往往會注意到相同點。在任何情況下,內容、佈局、表單和結構之間通常都是相似的。
通過創建一個易操作的設計以及定制一種形式相同的模板,在訪客眼中,你的網站無疑將簡潔而有效率。當然這並不是說要你複製或刻印其它網站。事實上,我建議你不要遵循這種路線。并且,如果你先創造出自己的設計,然后再對照相關標準進行修改,這樣你會發現最終得到很令人滿意的結果。
我推薦你也可以深入的研究一下UI界面以及畫廊,以進一步獲取靈感。在百科全書中有很多偉大的作品,這些作品能真正的豐富你的網頁。另外,看一下這個設計模式資源集也可以使你的創新之流源源不斷。
總結
在跟蹤和分析你的網站流量時,將涉及到很多因素。有了如今大量并且不斷增長的可用技術,如果有人假設我們還能再回到過去的那種情況,那將是很奇怪的事。伴隨著移動設備自身能力的不斷增強,看到很多變化的發生也不是什麼奇怪的事了。
在你未來的網站佈局中遵循以上一些建議,你會驚喜地發現當網頁訪問停留變久並且為了效率而精簡時,會出現多麼優良的交互。就算不考慮瀏覽器或者是相關軟體的進步,你也可以為你的網站帶來巨大的變化,影響所有的訪問流量。
轉貼來源:設計易理解和操作的網站 / 作者:RockUX–WEB前端
參考文獻:
1.CR & LF 研究所著,博碩文化編譯( 2006 )。配色王:最能激發創意與觸動人心的配色技法。
2.王樂成、林祐聖、葉欣怡(譯)(2002 )。James Slevin 著。網際網路與社會,(Internet and society)。台北:弘智。
3.林永惟、宋同正 (2008), 商業平面設計之設計品質, 商業設計學報, 12(), 19-34.
相關文章
八二法則與長尾理論在網頁設計上的應用對於社交網路行銷探討與安全網路十大行銷手法如何開店創業?實體店面、網路開店需注意什麼?以及開店後相關細節、行銷技巧分析網路開店需要什麼經費支出
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了