SPARKFUL
閲覧しようとしているページの翻訳が完了していません。現在対応中のため、もうしばらくお待ちください!

Blog

Insights from the SPARKFUL teams

網路的「找路」行為模式

Wei-Fan Chenexperience-design
name

本文有大量圖檔遺失,我們正在努力恢復中了!

使用者在網站上的瀏覽行為,其實就是一種「找路」的反應,使用者因為不同的動機、情境,而在網站上數種的劉覽行為之間切換,以達成他的目的。使用者希望達成的目標有幾種可能:

  1. 我知道我的目標是什麼,使用者可能是要找一個名詞的解釋、一件衣服、或一本書,可能知道目標的名稱,在這種情況下,使用者可能會使用搜尋,輸入他所知道的關鍵字,快速找尋目標。
  2. 我只知道一個模糊的概念,使用者可能是要找送給女朋友的禮物、宴會要穿的衣服或新型的數位相機。使用者必須在廣大的資訊中尋找他感到興趣的部份,他有可能一頁一頁的翻看網頁,或是快速的瀏覽分類,以尋找他感興趣的目標。
  3. 我只是逛逛!使用者可能只是在等公車的時候用手機或平板電腦打發時間,或是上班的時候偷開電腦來找點新鮮事。這種時候使用者對大量的資訊很感興趣,他們會吸收並在大腦裡整理這些資訊,讓下次瀏覽的時候發揮作用。甚至是從這個狀況轉換進入上面兩種劉覽模式。
  4. 噢我找錯了,再找一次!使用者可能在前述的幾種狀況中找到了錯誤的資訊,他可能想回頭找找之前所看過的所有事物,這時候歷史紀錄可以派上用場。如果使用者需要縮小他尋找目標的範圍,過濾(Filter)搜尋可能也是不錯的方式,可以讓使用者快速的縮小搜尋範圍,加快找到目標的速度。

要滿足所有使用者可能的行為模式,導覽系統必須盡可能的貼近使用者的需求,並在任何情況下都可以提供幫助。導覽系統可以幫助使用者的「找路」行為,就像是道路旁邊的路標,讓使用者更容易找到正確的路線,完成他的目標。

1. 關聯式導覽

關聯式導覽

關聯式導覽讓再模糊的概念中尋找事物的使用者容易找到下一步應該如何走,看完一篇文章之後接著另一篇相關的文章、或是文章中介紹的商品;挑玩女朋友的禮物之後,是不是應該買一件相稱的服裝;新買的數位相機應該要搭配什麼樣的配件。關聯式導覽讓使用者在不知道接下來該做什麼的時候有動機繼續停留在網站上,繼續瀏覽。

2. 結構式導覽

結構式導覽

結構式導覽讓使用者能夠擴大或縮小正在瀏覽的範圍,從一個新聞頻道縮小到一類文章、在進入單篇文章閱讀詳細內容。並在瀏覽的過程中讓使用者了解網站的架構。使用者在不同的範圍之間來回切換,並配合關聯式導覽進行全域式的瀏覽,尋找目標以滿足動機。

3. 跳躍式導覽

跳躍式導覽

使用者可能透過網站首頁的某個連結直接進入網站深層的位置,他可能想購買該商品、或是被首頁的摘要所吸引想閱讀完整篇文章。跳躍式導覽提供使用者一扇任意門,讓他可以快速的進入他感到興趣的位置,並從深層的位置透過關聯式或結構式導覽進行移動。使用者並不一定每次都是從網站的首頁開始,也可能是透過搜尋引擎直接進入網站深處。此時放置在網站左上角的 Logo 就可以提供一扇出口讓使用者回到網站首頁,了解全局。

不同的導覽方式會提供不同的路標,讓使用者更容易的漫步於網站之中。仔細的配合需求設計導覽,盡量不要讓網站產生「死胡同」。永遠都要讓使用者了解自己身在何方,還有何處可去,就是導覽成功的秘訣。


Reference

  1. Photo by Egor Myznik on Unsplash
Wei-Fan Chen
Wei-Fan Chen
CEO / SPARKFUL and Fourdesire
喜歡開發與創作各種有意義且有目的的遊戲以改變社會。 《玩心設計》作者、偶爾寫部落客與擔任講師。樂於參與大學和行業活動,興趣涵蓋遊戲設計、遊戲理論、行為設計、人機介面和交互設計。熱衷於雲端運算,同時也是一個活躍的獨立遊戲開發者 🎉
divider
関連記事
name

如何為產品注入玩心?Fourdesire 遊戲化設計的五個心法

Sammy 是 Fourdesire 的助理製作人,在 2017 年底加入 Fourdesire 後,開始參與遊戲化產品設計,目前負責經營《記帳城市》以及研發新產品。這篇文章會有這幾年在 Fourdesire 參與產品設計的正面和側面觀察,一...もっと記事を読む
name

配樂與音效,在互動作品中該扮演什麼角色?

多數影像的配樂與音效都是在作品完成之後,再交給配樂師進行後製,或許你會說這是專業分工和業界流程,亦可以減少修改的問題,那如果配樂、音效與作品同時開始進行製作呢?3 月 6 日(三)以「配樂與音效在作品製作上,該扮...もっと記事を読む
name

接案還是創作?李百罡:「滿足他人也是一種能力。」

3 月 6 日(三)由 FourdesireU 主辦的「配樂與音效在作品製作上,該扮演什麼樣的角色?」講座,邀請到製作獨立遊戲《返校》配樂與原聲帶的作曲家張衞帆,以及 App《Walkr》、《記帳城市》配樂音效製作人李百罡...もっと記事を読む