我們在網路上的生活,就像是不停的在尋找答案,上新聞網站獲得最新的資訊、上 YouTube 尋找想聽的音樂或是想看的影片、上 Facebook 找朋友、上購物網站尋找送給家人或是自己的禮物。

網站不能是茫茫大海,要有目標和經脈

我們想要尋找的目標成千上萬,整個網路結構就成為了我們在其中尋找的導覽結構。一般而言,在設計一個網站、或是網路結構的時候,我們會將整個系統分成兩個類別:「目標系統」與「導覽系統」。

所謂的目標系統,就是指我們一般在網路上所真正要尋找的目標:想看的影片、音樂、想買的茶葉或是想看的電影影評等等。

真正滿足使用者需求的是這些目標,想像你想泡一杯好喝的咖啡,上網搜尋了許久,終於找到了一篇介紹咖啡豆、如何沖泡的文章,你才終於學會泡一杯好咖啡;也許你還會繼續搜尋,尋找好聽的音樂,讓咖啡和音樂陪伴你度過愉快的午後。

如果目標是鮮花,那麼導覽系統就是支撐花束的花梗與經脈。透過良好的導覽結構,使用者才有機會接觸到他們真正想獲得的資訊。網路上有許多好資訊、好文章、好音樂,但是都必須要經過一層層的渠道才能讓使用者獲得。

導覽系統:清楚的結構幫助使用者搜尋

良好的導覽系統,最大的目的就是把使用者引導到他們真正在搜尋的目標上:

  1. 提供概觀:

    當一個陌生的使用者來到你的網站的時候,他可能不知道自己在什麼地方。你可以透過 Logo、主題選單、或一些視覺設計,讓使用者知道他們在一個什麼樣的地方。很多使用者會快速瀏覽一下選單猜測這個網站能夠提供給他們什麼訊息。

  2. 清楚的結構:

    讓使用者知道整個網站的結構,到哪一個分類上會看到什麼東西。在流行音樂的目錄上會聽到新歌、在飲食的分類上會得到關於食物或餐廳的資訊。

  3. 搜索方式:

    使用者往往很著急,也許沒辦法仔細的看過所有的選項;或者他們很清楚知道自己要找什麼。一個搜尋框加上良好的演算法可以馬上解決這個問題,輸入「咖啡」然後得到答案。

  4. 結構導覽:

    讓目標可以很清楚的展現在使用者面前,我們會很快的得到我們所需要的資訊而感到滿足,這個網站就是對我們而言非常有用的網站。當然,網站也需要提供回到上層結構,讓我們尋找更大範圍的資訊。

  5. 關連導覽:

    有時候我們會走錯地方,也應該讓我們知道還有什麼其他的分類或選擇。

目標系統:標示清楚,讓使用者不會錯過他要的

  1. 清楚的目標展示:

    如果是目標是一篇文章,那麼把標題和內文清楚的展示出來是非常棒的作法;如果目標是一個影片或照片,那麼不要用太多其他的圖片,來干擾使用者找到他們真正需要的東西;如果目標是商品,讓使用者清楚的看到商品名稱、照片、標價以及如何結帳最好不過了!

  2. 撒下補魚網:

    也許這個目標沒有解決我的問題,那是不是還有其他解決方法?送一個杯子給媽媽好像不太適合,那麼還有什麼其他東西可送?

    讓網站在目標展示旁邊撒下補魚網。告訴使用者其他的選擇:不喜歡杯子?考慮圍巾怎麼樣?不喜歡泡黑咖啡?那拿鐵應該是不錯的選擇!

  3. 逃生門:

    記得永遠都要提供一個逃生門,讓使用者可以回到首頁,或是任何可以提供更多解答的地方。不要讓他們迷路或走進死巷子,回到首頁永遠是比關掉瀏覽器更好的選擇。

如果時間允許,上網就是讓我們在目標和導覽中間來來回回, 尋找我們需要的東西和資訊。想像你在經營一間大書店或大賣場,不過這裡更大、更寬敞,但是更複雜。

好設計讓走進來的使用者都能遨遊其中,而且可以快速的找到他們真正需要的東西。

(圖片來源:greencandy8888, CC Licensed)