一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
沒有結果
檢視所有結果
一塊設計 | apo design - 設計共筆部落格
沒有結果
檢視所有結果
Home 設計生活提案 設計選書

一塊讀書 – 設計的心理學 | 第 1 章 日常事物的精神病理學

in 設計選書
by Niki
8 月 10,2021
2 min read

由商業周刊評選爲世界最具影響力設計師之一 – Donald A. Norman 所撰寫的設計的心理,一直是我們團隊的待看書單,這次非常開心 Debby 發啟了這個讀書會,讓我們有機會可以好好閱讀此書,和彼此討論與分享,此企劃會由 Debby 、Lauren、MU 還有我陸續分享我們閱讀每一章節後的心得與延伸探討,會比較像是筆記的方式做分享,這次第一章就由我開始囉!

章節概述

這個章節從何謂優良設計出發,優良設計的重點在於『可發現性』及『易理解性』,我們日常所接觸到的種種事物,都必須經過設計,我們設計時也須考慮人類原本行為的方式,而不是我們一廂情願希望的行為方式,人與產品的互動體驗也就極為重要。

為了讓使用者能順利完成任務,達到優良的互動,設計時就必須注重可發現性中的五個基本心理觀念:預設用途、指意、對應性、回饋、概念模型,還有第六個使用侷限,則會在第三和第四章討論。

這五項設計原則在這邊就不詳細做介紹,不過書中在概念模型中有提到一項生活化的例子去解釋這其中幾項原則是如何運用的,那就是我們常見的剪刀,它讓使用者可以很快的理解該如何使用,其中包含了明確的:

  • 預設用途 – 剪刀的洞賦予手指插入的可能性。
  • 指意 – 剪刀的洞明確地指出是可以讓手指插入的位置。
  • 使用侷限 – 洞的大小明確的告訴你該放多少手指。
  • 對應性 – 洞的位置根據人手指之間的位置來決定,若是右撇子大拇指會放在左方,食指到無名指則在右方。雖然說剪刀操作方式不硬性規定手指放的位置,但若是放錯手指使用起來就會較不順暢。
  • 回饋 – 這項目書中沒有說明,但就理解來說,剪刀打開合起來後的喀喳聲,讓你知道紙張分開了,就算是一種回饋。
  • 概念模型 – 剪刀它的構造明顯,操作方式也很清楚,是一個顯而易見的概念模型。

延伸探討

以下就來分享我們讀書會的精華:

Mac 捲動方式

對應性簡潔來說就是產品提供了容易了解記住的對應方式,Lauren 提到了一個很實際的例子,我們最常使用到的 mac 觸控板,自然模式的設定下,頁面移動的方向會隨著手指滑的方向移動,這和我們過去在使用 Windows 滑鼠時則完全相反,mac 觸控板和手機滑動的這種模式在設計時也許就是考量到對應性的這項原則,讓我們在使用產品時自然而然地理解並記住這樣的使用方式。

由於這五項設計原則套用在不同案例時似乎都有一點點相似或易混肴之處,像是作者提到的電子錶上面有五個按鈕,卻不清楚按鈕該如何使用、它們之間有什麼關係,因此是一項不清楚的概念模型,但卻好像也是可以套用到指意不明確?

事實上這個案例放在概念模型這一段,只是說『不好的概念模型』,他可能需要透過更多的『指意』去達成好的概念模型,但指意和概念模型定義是不同的,概念模型是簡化讓你『預測產品如何進行』的理解,而指意是產品上『清楚指出怎麼做』,並用其推測出概念模型。

再討論了些關於概念模型我們使用 app 會運用到的案例:

過去蝦皮購物車商品刪除的方式 Android 用戶大多習慣透過手指點擊後會有更多的選項,但在 iOS 的用戶習慣左滑右滑看到更多的資訊,這也象徵著兩方的概念模型是不同的。

Gmail 封存與刪除的方式

Gmail 手機版信件原始設定透過左右滑動讓信件封存起來,而刪除信件要長按才出現,此產品也許就是預測了使用者會不小心左右滑動誤刪信件,因此才將左右滑動設置為封存。

根據我們的理解也做了五項基本設計原則的總結,剛開始使用者可能對某項工具有一個既定或預想的概念模型,而這個概念模型可能是錯誤的或是不好的,他的錯誤可能來自於物品本身的指意不夠明確、使用者的預設用途和設計者的預設用途不同、回饋太過惱人或不正確,導致操作錯誤,接著設計師可能修正指意、修正回饋等來改變使用者的概念模型,而這個改變過程後的產品使用方式,也算是設計師與使用者具有共識的系統印象。

總結

由於本書的內容談了不少專有名詞、抽象的概念,對於初次閱讀的我們來說其實有點讀不下去或是不易理解,但經過讀書會的互相分享與討論,從書中的敘述、列舉的例子延伸到我們彼此的理解以及生活中案例的延伸,完全解決了我們閱讀此書出現的疑惑,同時也更加深了對內容的印象,一起期待一下我們下一次的分享吧,我自己也很期待呢(笑)!

Tags: UI產品設計設計選書
ShareShareShare
Niki

Niki

視覺設計師,期許每一個人都能帶著快樂的心從事設計。

上一篇文章

歷經波折的網站改版建置分享

下一篇文章

網頁編輯器使用心得 │ WordPress – Elementor 篇

相關文章

近期 UI/UX 設計資源精選分享!

一塊特別企劃|近期 UI/UX 設計資源精選分享!

by Debby
5 月 02,2023

你平常有哪些關注的 UI/UX 部落格或 IG 以獲得最新設計靈感? 除了工作上要不斷地輸出設計想法,平日會從哪些地方輸入這些設計 Tips 或設計新知呢?本月...

接案設計師的常見盲點

接案設計師的常見盲點

by Shuan Wen
7 月 06,2022

踏入全職接案滿三年了,加上前面兩年待在接案公司的經驗,五年來也經手近百個專案了吧! 儘管接觸了各樣的專案,每次執行時還是避免不了一些錯誤,加上幾次和待在產品公司...

來做作品集吧!|網站作品集製作心得

來做作品集吧!|網站作品集製作心得

by sanmu
6 月 22,2022

前陣子為了換工作做了新的網站作品集,算了一下目前為止差不多做四五次了,剛好最近朋友也因為公司招人在幫忙審作品集,有討論到一些想法,覺得可以來寫篇分享文章!內容基...

Back to List

一塊特別企劃

一塊特別企劃|設計師問與答 Part2

一塊特別企劃|設計師問與答
連結至一塊設計 facebook 專頁

標籤

Adobe Xd (3) AI (1) B2B (1) COVID19 (1) designer (2) design tool (3) Figma (4) functional map (1) HTML (2) illustrator (1) UI (27) UX (19) web design (1) Wordpress (2) 一塊特別企劃 (8) 字體 (7) 專案管理 (1) 無障礙網站 (5) 產品設計 (2) 筆記 (4) 經驗分享 (31) 網頁設計 (21) 設計問答 Part 2 (10) 設計師問答 (1) 設計選書 (2) 課程心得 (1) 講座 (2) 購物流程 (1) 週年企劃 (5) 遠端工作 (2) 電子報 (1) 靈感 (6)
一塊設計 a piece of design

聯絡我們

任何合作或問題請洽:
info@apodesign.tw

  • 服務條款
  • 隱私權政策

Follow us

Copyright © 2020 apodesign.tw All Rights Reserved.

沒有結果
檢視所有結果
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書