萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 設計網站需要思考的5個目標

設計網站需要思考的5個目標

 設計網站需要思考的5個目標 三聯

  在生活中,擁有目標是非常重要的。

  特別對於網站設計而言,因為沒有目標就沒有動力,更無法衡量你的成功與否。 目標有助於設計師專注於重要的事情,把握設計方案的走向。目標能幫助設計者設計出令人眼前一亮的網站。

  設計任何一個網站,過程都是大同小異的:我完成了一份設計稿,然後把它交給客戶。雖然在一開始,我有我的創意,客戶有客戶的需求,但是我知道我會在 最後交出一份令人滿意的答卷。 之後的步驟大徑相同,但每個網站都會因面向的群體不同、定位不同、風格不同而各自產生某些不同的步驟。有時我需要手繪,有 時我又必須利用PS、AI等軟件的強大功能。 盡管不同項目的過程可以有所差異,但至關重要的是做一個網站一定會確立一個目標,無論你把它寫下來也好記在心裡也罷,你的設計必須把這一目標體現出來。

  我在以下列出的5個目標,是在每一次開始網頁設計時都必須思考的。

girl closeup

  1. 力求用戶友好和美觀

  良好的用戶界面往往是建立在犧牲掉一個優秀設計的基礎上,然而這兩者同等重要,應該讓他們和平相處。一個設計良好的網站可以幫助用戶輕松訪問。網站 中的每個元素都應該在客戶習慣的位置,否則他們的存在就必須有特定含義,而設計師必須對用戶進行引導。 例如,導航會放在頁面頂部不是因為它放在那裡比較 好看,而是用戶不會拖動滾動條到處找它。 如果你一定要讓用戶拖動滾動條去找導航,就給他們一個理由,比如一些更容易被發現的引導用戶向下看的設計。

  案例:

whitehouse

  該網站是在奧巴馬2008年11月就職時改版的。改版前,網站只專注於提供信息,卻沒有考慮如何把組織信息和提高可讀性。 改版後的網站力求用戶友 好與美觀,體現了設計對於可用性的專注。以一個柔和的漸變與經典西方建築的圖案為背景,塑造出一個更舒適更賦有現代感的外觀。新導航與信息的合理組織使用 戶更快速、更有效的獲取所需。寬敞的布局,也同樣是對用戶浏覽該網站有利的因素。不需要的東西全都去掉,只留下對用戶最重要的部分。

  2. 明確目標用戶

  我見過很多網站,看上去很華麗卻不適用於它的目標群體。 對於設計工作室或者音樂人來說,一個復古的網站搭配時尚的色彩會是很棒的結合,您的顧客也 樂於見到。但這樣的網站並不適合以專業人士和企業用戶為主要群體的律師事務所網站。對於這點,您的客戶具有良好的洞察力,因為他們的工作就是與這次的目標 群體打交道。在你做研究的時候看看跟你同類型的公司都在做什麼,你不必做相同的事情,但是網站給人的感受必須的類似的。

  案例:

  Apple’s site

  該網站是一個很好的例子,出色的設計完全符合目標用戶的口味。網站用柔和的漸變、大尺寸的圖片展現了干淨、簡約之美。字體非常重要,蘋果網站在標 題、字號、位置上都精心考量過。現代的風格精確定位於年輕的偏重技術的用戶。該網站也並沒有嚴肅的那麼徹底,層層細節中不斷滲透出輕松的元素,這點也正中 年輕白領的下懷。該設計也同樣符合他們產品外觀的特點–時尚、有圓角而整潔的組合。以上幾點都令用戶感到舒適,除此之外,還會產生巨大的吸引力,帶動用戶 去看他們旗下所有品牌的產品。

dandelion

  3. 讓用戶界面自由流暢,讓用戶能快速高效的找到他們需要的信息

  良好的導航是優秀網站的關鍵。實現做好網站地圖有助於分配頁面跳轉的去向以及哪些模塊應該放在一起。許多網站的導航很繁瑣,是因為他們根本沒有計劃 過,哪些信息放在哪裡最合適。您需要盡量壓縮整個頁面的容量,而讓重要的信息所占比重最大化。不用把所有相關信息都要放在網頁上,因為並不是每個用戶都有 耐心去閱讀。 精簡導航,確定什麼是最重要的,丟掉其余的。

  案例:

  Media Temple’s site

  該網站風格偏向沉穩,暗色調的漸變搭配倒影呈現出光滑的質感,突出了高科技的重點。簡潔易用的主導航以及前端有標示的二級導航,都讓用戶很輕松就找 到所需信息。 網站的整潔清晰,寬屏的設計讓視野更加開闊,十分有利於浏覽和閱讀。 點擊網頁上的介紹後,明顯的“查看詳情”的按鈕引導用戶深入網站,最 終找到他們的目標網頁,即網站希望用戶到達的網頁。 匹配的按鈕和有效地知道在整個過程中給予用戶有效幫助。

  4、明確目標用戶群體

  我見過很多網站,看上去很華麗卻不適用於它的目標群體。 對於設計工作室或者音樂人來說,一個復古的網站搭配時尚的色彩會是很棒的結合,您的顧客也樂於見到。但這樣的網站並不適合以專業人士和企業用戶為主要群體的律師事務所網站。對於這點,您的客戶具有良好的洞察力,因為他們的工作就是與這次的目標群體打交道。在你做研究的時候看看跟你同類型的公司都在做什麼,你不必做相同的事情,但是網站給人的感受必須的類似的。

  5、用增加代碼來拓展網站的功能。

  一個簡單的網站在運用了JS或PHP的一些功能後會變得強大起來。 用戶會享受這些附加功能,設計師也有機會做一個新的嘗試。既然有這麼的技能可以學並植入到網站中,為何不針對每項功能都嘗試一個新的頁面,在設計上也尋找新的突破呢?嘗試一個新的JS教程或一個有趣的PHP腳本。每當你坐下來設計一個頁面的時候都有成推的東西要學,只要你在做每個網站的時候多學一樣東西,試想一年後你會有多少成長呢。

copyright © 萬盛學電腦網 all rights reserved