創造網站好體驗,讓使用者少思考就對了!|讓使用者更快速理解網站的 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 種方法,讓網站讓使用者可以降低思考。

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

avatar-img
58會員
28內容數
專注於研究 UX、行銷領域,用文字作為心得分享。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
吱吱喳喳 的其他內容
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
在今日數位世界中,良好設計的網站已經成為必需品。 瞭解網站設計的重要性,特別是對於第一印象和信任度。 這篇文章提供了選擇網站設計服務的實用指南,包括網站設計的重要性,基礎知識和選擇服務提供者的提示。
Thumbnail
在數位時代,網頁設計不僅是美學,更是企業成功的關鍵,一個出色的網站能讓您的品牌在競爭中脫穎而出,設計一個令人驚艷的網站不僅僅是選擇漂亮的圖片和顏色,而是涉及到深思熟慮的佈局和直觀的導航。
在當今數位時代,擁有一個優化的網站是吸引訪客、提升業績的不二法門。本文將深入探討網站設計的藝術,並分享優化網站的關鍵方式。
在當今數位化的世界中,網站已經成為企業、個人和組織展示自己的主要平臺之一。然而,要在競爭激烈的網絡環境中脫穎而出,需要結合出色的網站設計和優化策略。本文將深入探討這兩者的關聯,並提供新的思維方式,讓您的網站設計和優化策略達到完美結合。
Thumbnail
在現代數位時代,架設網站已成為企業和個人展示品牌、提供資訊、吸引客戶的不可或缺之一。然而,要建立一個成功的網站不僅僅是擁有吸引人的設計,還需要考慮多方面的因素,以確保網站的效能和使用者體驗達到最佳化。
Thumbnail
這篇文章提供了五種方法,協助你確定讀者的痛點以提出產品創意。另外,還包括了一些提升線上服務業務成功的建議。
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
在今日數位世界中,良好設計的網站已經成為必需品。 瞭解網站設計的重要性,特別是對於第一印象和信任度。 這篇文章提供了選擇網站設計服務的實用指南,包括網站設計的重要性,基礎知識和選擇服務提供者的提示。
Thumbnail
在數位時代,網頁設計不僅是美學,更是企業成功的關鍵,一個出色的網站能讓您的品牌在競爭中脫穎而出,設計一個令人驚艷的網站不僅僅是選擇漂亮的圖片和顏色,而是涉及到深思熟慮的佈局和直觀的導航。
在當今數位時代,擁有一個優化的網站是吸引訪客、提升業績的不二法門。本文將深入探討網站設計的藝術,並分享優化網站的關鍵方式。
在當今數位化的世界中,網站已經成為企業、個人和組織展示自己的主要平臺之一。然而,要在競爭激烈的網絡環境中脫穎而出,需要結合出色的網站設計和優化策略。本文將深入探討這兩者的關聯,並提供新的思維方式,讓您的網站設計和優化策略達到完美結合。
Thumbnail
在現代數位時代,架設網站已成為企業和個人展示品牌、提供資訊、吸引客戶的不可或缺之一。然而,要建立一個成功的網站不僅僅是擁有吸引人的設計,還需要考慮多方面的因素,以確保網站的效能和使用者體驗達到最佳化。
Thumbnail
這篇文章提供了五種方法,協助你確定讀者的痛點以提出產品創意。另外,還包括了一些提升線上服務業務成功的建議。