創造網站好體驗,讓使用者少思考就對了!|讓使用者更快速理解網站的 5 方法。

閱讀時間約 3 分鐘


raw-image


Steve Krug 是美國的知名的易用性顧問,協助顧客打造美好易用性的產品,他出的書籍,Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability 提到,易用性的第一定律就是「別讓我思考」。減少顧客的格外的思考,就能提升網站易用性,創造良好的使用體驗。

易用性的第一定律:別讓我思考

人類究竟怎麼思考?


在講到如何減少人類思考前,我們先了解人們是如何做思考。

快思慢想這本書提到,人類有兩種思考系統,幫助我們做日常、工作等判定與行動。思考系統如下所述:


● 第一系統(直覺式思考):

我們在做任何決策時,都會先動用第一系統,它通常是很快且自動的。

使用該系統,我們幾乎不會感覺我們有做思考。

它使用過往的經驗與法則,協助我們評估應該怎麼做,以應付目前的狀況。

這種系統可以幫助我們快速應付突發狀況,減少危險的發生。


● 第二系統(邏輯式思考):

當第一系統發覺,該情境不曾遭遇或無法應付時。

我們就會啟用第二系統來進行思考決策。

使用該系統是緩慢、需要專注與認真的。

我們能感覺我們正在思考。

該系統通常會理性的分析不熟悉的狀況,幫助我們處理複雜的決策內容。


因此如果我們要減少使用者在網站思考,就是要多利用第一系統。

網站的體驗只要能觸發第一系統,讓第一系統去進行運作。

使用者就不會感覺到有思考,自然會覺得網站用起來很輕鬆舒適。


強化第一系統的網站設計方法

1.善用使用者過去的網頁觀看經驗

使用者會傾向用過去的觀看經驗,去瀏覽網頁資訊。

如果了解目標使用者的過去觀看體驗,並善用於設計新的網站。

使用者會快速應用過去經驗,去瀏覽網站。降低第一眼的負擔。


2.強化可互動元件的預設用途提示

raw-image

讓使用者保持好的互動體驗,就是要強化互動元件的預設用途提示。如上圖所示:

網頁的互動元件仿照實體裝置的按鈕陰影,提示該元件是可以按的。

或如同超連結,運用顏色與下底線。

提醒這個元件會連到其他網頁。

就是不要讓使用者困惑,這個網頁元件到底能不能使用。


3.建立內容的視覺層次

raw-image

人類在網頁上並不閱讀,而是掃視找到自己想要的資訊

因此將最重要的內容,放大粗體。

並運用排版與樣式,將相同與不相同的內容區隔開來。

讓使用者可以一眼知道,要看什麼內容。

就可以讓使用者減少思考,網頁要提供什麼內容。


4.整合選項,預設同意

網頁填寫表單時,往往會有多個選項需要填寫。

使用者必需同意多項條款,填寫許多項目。

因此我們可以藉由整合多個同意項目,或是預設同意

減少使用者的思考,加速表單的填寫。


5.製作圖像的範例教學

如果網頁的使用體驗,使用者沒有相關的經驗。

我們可以採用圖像的範例,應用範例的指示。

在操作流程中,提供給使用者圖像範例。

藉由範例的引導與教學,降低學習門檻。

讓人們可以順利的完成任務。


最後

降低思考的方式還有很多種。

本篇僅提供 5 種方法,讓網站讓使用者可以降低思考。

提高對網站的易用性,強化使用者對網站的體驗。

27會員
15內容數
專注於研究 UX、行銷領域,用文字作為心得分享。
留言0
查看全部
發表第一個留言支持創作者!
吱吱喳喳 的其他內容
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
產品製作的核心因素有三個重點,分別為:使用者(誰在用)、需求(為什麼用)、場景(在哪裡用)。這些因素對於任何產品的成功都是相當重要的。
Thumbnail
在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。
Thumbnail
在這個視覺導向的數位時代,有吸引力的圖標不僅能夠增強用戶體驗,還能夠在提供信息的同時帶來美學的享受。無論是網頁設計、App開發還是內容創造,都需要一套完善的圖標庫來使他們的作品更加出色。以下是六個值得一探的優質圖標網站,它們以其豐富的圖庫和出色的設計而著稱。
Thumbnail
其實在以前工業時代的產品就已經有了UI/UX的人機互動基礎,只是當時沒有像現在這樣重視使用者對產品的使用體驗感受,不過我們還是可以透過回顧歷史,看看UI/UX是怎樣往前發展至現在的模樣,甚至近期有一些新技術已經在某些族群中默默地發展著!
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
在UI/UX設計的過程中,定義問題往往是最具挑戰性的部分。設計師需要理解使用者的需求、期望和行為,並將這些理解轉化為實際的設計解決方案。
Thumbnail
畢業超過 10 年了,中間遇到公司或團隊解散、因病休養、半認真半玩票的遊戲實況,工作性質和產業經歷不少,在這裡盡可能把還記得的寫出來,希望能作為一點參考。 大學不算本科,都是自學(都在玩縫紉機):
過去我曾經在幾家新創工作過,也自己創業過,加上近幾年開始從事 UX 教學,所以我遇過的網路產業設計師們,起碼是三、五百人起跳,如果是近兩年約出來喝過咖啡的人數,大概超過50人以上。 或許是出於職業病,我習慣用訪談的心態,問問大家過得好嗎?如何進入網路產業的?雖然每個人進入點以及出新手村的方法不同,但
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
產品製作的核心因素有三個重點,分別為:使用者(誰在用)、需求(為什麼用)、場景(在哪裡用)。這些因素對於任何產品的成功都是相當重要的。
Thumbnail
在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。
Thumbnail
在這個視覺導向的數位時代,有吸引力的圖標不僅能夠增強用戶體驗,還能夠在提供信息的同時帶來美學的享受。無論是網頁設計、App開發還是內容創造,都需要一套完善的圖標庫來使他們的作品更加出色。以下是六個值得一探的優質圖標網站,它們以其豐富的圖庫和出色的設計而著稱。
Thumbnail
其實在以前工業時代的產品就已經有了UI/UX的人機互動基礎,只是當時沒有像現在這樣重視使用者對產品的使用體驗感受,不過我們還是可以透過回顧歷史,看看UI/UX是怎樣往前發展至現在的模樣,甚至近期有一些新技術已經在某些族群中默默地發展著!
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
在UI/UX設計的過程中,定義問題往往是最具挑戰性的部分。設計師需要理解使用者的需求、期望和行為,並將這些理解轉化為實際的設計解決方案。
Thumbnail
畢業超過 10 年了,中間遇到公司或團隊解散、因病休養、半認真半玩票的遊戲實況,工作性質和產業經歷不少,在這裡盡可能把還記得的寫出來,希望能作為一點參考。 大學不算本科,都是自學(都在玩縫紉機):
過去我曾經在幾家新創工作過,也自己創業過,加上近幾年開始從事 UX 教學,所以我遇過的網路產業設計師們,起碼是三、五百人起跳,如果是近兩年約出來喝過咖啡的人數,大概超過50人以上。 或許是出於職業病,我習慣用訪談的心態,問問大家過得好嗎?如何進入網路產業的?雖然每個人進入點以及出新手村的方法不同,但