網站經營理念

來源:互聯網
上載者:User

網站經營理念:

一、人們如何瀏覽網頁
1、盡量符合使用者習慣的設計,讓人接受陌生的東西需要代價,除非我們覺得這個代價是必須的。
2、在頁面把越重要的東西越突出,建立清楚的視覺層次。
3、可以點擊的地方必須突出,讓人明顯知道可以點擊。
4、把頁面劃分成明確定義的地區
5、省略多餘的文字

二、關於導航的設計
基本元素:網站LOGO、網站欄目、返回首頁、搜尋、工具 + 生產力或協助。

網站LOGO,通常是頁面左上方,出現在頁面可視層級的首要位置,可以採取兩種方式:讓它成為本頁最顯眼的內容,或者讓它涵蓋頁面所有其他元素,當然網站LOGO設計的好壞對人產生心理影響就不用說了。

網站欄目,也稱導航條,網站層級結構的最頂層。導航條很多時候可以包容二級導航(下拉式功能表的方式)。很多時候標籤的設計是導航採用的很好表現方式,Amazon.com幾乎把它發展到完美的狀態。用標籤的方式設計導航時要注意幾點:
1、進入網站時,有一個標籤已經選中;
2、正確繪製,啟用的標籤頁要位於其他標籤頁之前;
3、顏色區分,可以讓每個欄目使用一種不用的標籤顏色,並把這種顏色用在頁面其他導航元素上,讓它們渾然一體;

搜尋功能,如果有提供搜尋功能的網站,要記住一個簡單的公式:一個輸入框、一個按鈕、還有“Search”(搜尋)兩個字,不要弄的太複雜。比如把“搜尋”換成“尋找”、“快速尋找”、“快速搜尋”、“關鍵字搜尋”都會讓使用者產生思考。如果必須為搜尋方塊提供選項(縮小搜尋範圍)一定要三思,謹慎提供選項,以便以何種方式提供最為合理,還有就是要保證這些選項的確有用,否則會挫傷使用者心理。

值得注意的是,很多網站到了二級頁面以下,導航便會變了支離破碎,隨意發揮。這個問題非常普遍,以至於很難找到良好的三級導航的例子。事實上,使用者在底層頁面上花的時間通常和花在頂層頁面上的時間相同。除非我們一開始就自頂向下進行導航設計,否則以後很難添加,也很難保持一致性。這就意味著我們在討論首頁的顏色方案之前,擁有顯示網站所有潛在層級的導航的DEMO設計非常重要。要做到這點,必須設計師和相關策劃人員緊密結合,設計師必須提前知道整個站的概貌和細節內容。

有一點,設計師常常忽略,就是記得為每個頁面加個名稱。好像每個拐角處有一個路牌一樣,隨時讓駕駛者知道在哪裡,無需思考。頁面的名稱應該出現在涵蓋該頁內容的位置,要引人注目,在大多數情況下,它應該是該頁面最大的文字。

總之,一個擁有良好導航系統的網站,一眼就能告訴使用者這些資訊:
這是什麼網站?(網站LOGO)
我在哪個網頁上?(網頁名稱)
這個站主要欄目有哪些?(導覽列目清單)
在這個層次上我有哪些選擇?(頁面導航)
我在導航系統的什麼位置?(頁面裡的“你在這裡”的指示符號)
我怎麼搜尋?

三、關於首頁設計
首先要承認,首頁不由我們控制。因為每個人都有個一個看法,如果要使每個人都滿意,那麼就算最優秀的首頁設計也無法達到。因此設計首頁時不可避免地要做一些折衷。但有一件事情不要忘記——傳達整體形象,即一眼可以讓人感受到這個站是幹什麼的。越快越好,越清楚越好。所以當瀏覽者進入首頁時,我們好不費力(幾秒鐘讓人瞭解)地告訴他四個問題:
這是什麼網站?
網站上有些什嗎?
你能在這裡做什嗎?
為什麼你在這裡,而不是在其別地方?

那麼如何傳達這些資訊呢:
1、口號,即靠近網站LOGO的地方。一條精鍊、個性、生動的口號可以讓人立即聯想網站的內容。但也有例外,如果某個公司的品牌已達到家喻戶曉的地步,可以省略口號。
2、歡迎廣告,即對網站的簡要描述,在首頁首要的位置顯示,不需要滾動螢幕就能看到。
3、應從哪裡開始?當進入一個新站後,瀏覽者快速掃描首頁之後,應該明白無誤地知道:
如果想搜尋,可以從這裡開始。
如果想掃描,可以從這裡開始。
如果想掃描本站最精彩的內容,可以從這裡開始。

在設計首頁時,注意幾個問題:
首頁的導航可以與下級的導航有點不同,但必須要有內容和視覺上的一致。
可以不用下拉框就不用,因為那是隱藏的資訊。

四、如何解決對設計爭論不休——可用性測試——絕大部分公司沒做的
可以對網站進行“可用性測試”,除此之外,沒有更好的辦法。爭辯只會浪費時間和團隊的精力,而通過測試將討論對錯轉移到什麼有效、什麼無效上,更容易緩和爭論,打破僵局。而且測試會讓我們看到使用者的動力、理解、反映的不同,從而讓我們不會再堅持認為使用者的想法和我們的想法一樣。
如果想建立一個優秀的網站,一定要測試,測試一個使用者比不做測試好一倍,早點測試一位使用者好過最後測試50位使用者!這點我們做的不多,國內也似乎不重視這點。網路公司一般對程式流程的測試要比對介面體驗的測試看的重要的多。

那麼如何測試?
1、在項目的每個進程中都可以測試,不必要等項目結束。項目最初的時候,必須有人(項目負責人或設計師,或多人討論,設計師表現出來)使用團隊的集體技巧、經驗、創造力和判斷力來建立一些版本(哪怕是一個很粗糙的版本),然後仔細觀察人門對它的看法和使用方法。
2、每輪測試的理想使用者數量是三個,最多四個。前三個使用者可能會遇到幾乎所有最明顯的問題,而且更重要的是要多做幾輪測試,及時修正問題。這裡說明的是,測試使用者幾乎是任何懂得上網的人都可以,並不一定要與網站的目標人群想符合。
3、測試裝置,只需要一間辦公室會會議室、兩把椅子、一台電腦、一台攝像機(可以螢幕錄製軟體代替)就可以了。我們可以把攝像機的訊號傳到附近的一個辦公室(甚至一個小地方)裡,以便開發團對的每個人都能進行觀察而不會干擾測試使用者。
4、任何人都可以發起測試。任何人都可以觀察測試。
5、測試的項目:
“理解”測試。就是讓測試使用者看到網站,然後看他們是否理解這個網站,理解網站的目標、價值主張、組織方式、運行方式等。
關鍵任務測試。讓使用者完成一些任務,然後觀察他們是怎麼做的。
還有種最為簡潔的“測試”方式,就是做好了一個頁面,就立即給別人看,看他們是否理解,當然這種我們都做到了,呵呵!

總之,我們要做一個“好”網頁:
——讓使用者在我們網站是做什麼的,最大限度明白簡易
——告訴使用者想要知道的
——盡量減少步驟
——花些心思
——知道使用者有哪些問題,並給予解答
——為使用者提供協助
——容易從錯誤中恢複
——如有不確定,要記得向使用者道歉

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.