陳奕宏
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
    • Invite by email
      Invitee

      This note has no invitees

    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Note Insights New
    • Engagement control
    • Make a copy
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Note Insights Versions and GitHub Sync Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Engagement control Make a copy Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
  • Invite by email
    Invitee

    This note has no invitees

  • Publish Note

    Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

    Your note will be visible on your profile and discoverable by anyone.
    Your note is now live.
    This note is visible on your profile and discoverable online.
    Everyone on the web can find and read all notes of this public team.
    See published notes
    Unpublish note
    Please check the box to agree to the Community Guidelines.
    View profile
    Engagement control
    Commenting
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    • Everyone
    Suggest edit
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    Emoji Reply
    Enable
    Import from Dropbox Google Drive Gist Clipboard
       Owned this note    Owned this note      
    Published Linked with GitHub
    • Any changes
      Be notified of any changes
    • Mention me
      Be notified of mention me
    • Unsubscribe
    # 容易誤解用途與設計不直覺的產品 ## **設計不直覺的產品:刪除確認視窗的「確認」與「取消」按鈕** ### **問題點** 某些應用程式在刪除資料時會跳出一個對話框,例如: > **你確定要刪除此檔案嗎?** > ✅ **[取消] [確認]** 但使用者可能會有以下困惑: - **「取消」是取消刪除,還是刪除後的確認?** - **按鈕語意不明確**:「確認」是「確認刪除」還是「確認不刪除」? - **按鈕顏色沒有統一標準**,某些軟體的「確認刪除」按鈕是紅色,而有些則是綠色,容易造成混亂。 ### **如何改善?** #### **1. 按鈕標示更具體** ❌ **[取消] [確認]**(不清楚) ✅ **[保留檔案] [永久刪除]**(更清楚) ✅ **[不刪除] [刪除]** #### **2. 顏色標示清楚** - 刪除按鈕應該使用 **紅色**(表示危險動作)。 - 保留/取消按鈕應該使用 **灰色或藍色**(表示安全選項)。 #### **3. 強調不可逆操作** - 在按鈕下方加上小字:「此操作無法還原」。 - 對於高風險刪除操作(例如刪除帳號),可要求使用者輸入 **「DELETE」** 來確認。 這樣可以大幅減少誤刪的風險,讓使用者更直覺地選擇正確的操作! --- ## **容易誤解用途的產品:裝有把手但需要推的門** 這是個經典的「容易誤解用途」的例子,甚至有個專門的名稱,叫做 **「諾曼門」(Norman Door)**,是由設計學者 **Don Norman** 提出的概念,代表「需要額外標示才能正確使用的門」。 ### **問題點:為什麼裝把手卻要推?** #### **1. 違反直覺設計** - 看到把手,人們會本能地認為應該「拉」而不是「推」。 - 但如果門其實是要推的,這就會造成使用者的困惑。 #### **2. 缺少視覺線索** - 有時候沒有標示「請推」或「請拉」,使用者只能透過嘗試來確認。 - 可能會不小心用錯方向,甚至在公共場合顯得尷尬。 #### **3. 與預期不符** - 如果相同的門在不同地方(例如餐廳和商店)有不同的開啟方式,使用者更容易混淆。 ### **如何改善?** #### **1. 移除不必要的把手** - 如果門只需要「推」,應該使用 **平面推板** 而不是拉把手,這樣就不會讓人誤會。 - 例如:商場自動門、推門式出口門通常沒有把手,使用者直覺就會推。 #### **2. 增加視覺指引** - 在門上標示明顯的 **「推 / PULL」** 字樣,避免混淆。 - 可以使用不同的顏色或箭頭來強調推或拉的方向。 #### **3. 設計與習慣一致** - 讓「推」的門用 **推板**,讓「拉」的門用 **把手**,避免混亂。 - 例如:大部分的逃生門都是「推」開,符合緊急時刻的直覺反應。 這就是為什麼有些門雖然看起來「設計精美」,但實際上卻讓使用者感到困惑。設計的關鍵是**讓使用者不需要思考就能直覺地操作**,這樣才能真正達到良好的使用體驗! --- # **容易誤解用途與設計不直覺的產品——報告講稿** ## **開場白** 嗨,大家好!今天我要跟大家分享兩個設計不直覺、讓人常常搞錯的例子。這些例子其實很常見,甚至我們自己可能也有過類似的困擾! 第一個是電腦或手機上的刪除確認視窗,按鈕到底是「確認刪除」還是「確認不刪除」? 第二個是門的設計問題——**為什麼有些門明明有把手,卻是要推開的?** 這些設計看似簡單,但其實常常造成使用者的困惑,我們來看看它們到底出了什麼問題,以及怎麼改進! --- ## **第一個例子:刪除確認視窗讓人糊塗** 我們在電腦或手機上刪除檔案的時候,通常會跳出一個視窗,像是這樣: > **「你確定要刪除此檔案嗎?」** > ✅ **[取消] [確認]** 這時候就有個問題了——這兩個按鈕的意思到底是什麼? - 「**取消**」是**取消刪除**,還是刪除後的確認? - 「**確認**」是**確認刪除**,還是確認不刪除? - 而且,不同軟體的按鈕顏色也不一樣,有時候「刪除」是紅色,有時候卻是綠色,完全沒有統一標準,超級混亂! ### **怎麼改善?** 1. **按鈕標示更具體** - ❌ **[取消] [確認]**(太模糊) - ✅ **[保留檔案] [永久刪除]**(這樣更清楚!) - ✅ **[不刪除] [刪除]**(讓使用者不會誤按) 2. **顏色標示清楚** - **紅色 = 刪除**(表示這是危險操作) - **灰色或藍色 = 保留**(表示比較安全) 3. **強調這是不可逆操作** - 在按鈕下方加個提醒:「此操作無法還原!」 - 如果是很重要的刪除,比如刪帳號,可以讓使用者輸入「DELETE」來確認,這樣就不會誤刪了。 這樣一改,使用者就不會猶豫到底要按哪個按鈕,減少誤刪的風險! --- ## **第二個例子:門的設計讓人搞錯方向** 這個例子一定很多人遇過——看到門上有把手,結果你拉了一下,發現它其實要推開,超尷尬!這就是設計學上有名的「**諾曼門(Norman Door)**」,這個詞來自設計學者 Don Norman,他專門研究這種「**沒有標示就會用錯的設計**」。 ### **為什麼這種門讓人困惑?** - **有把手,直覺上應該要「拉」,結果它其實是要推!** - **沒有標示「推 / 拉」,只能試試看,結果弄錯還會被後面的人笑😂** - **同樣的門,不同地方設計不一樣**,有時候拉、有時候推,超混亂! ### **怎麼改善?** 1. **移除不必要的把手** - 如果這扇門**只能推**,那就不要裝把手,直接用**推板**,這樣大家自然就知道該推。 - 例如:商場的自動門、逃生門通常都沒有把手,因為這樣更直覺! 2. **增加標示** - 在門上清楚寫「推 / PULL」,最好還有箭頭方向,不然大家還是會猜錯。 - 顏色區分也可以幫助識別,例如「推」的門用綠色,「拉」的門用藍色。 3. **設計符合習慣** - **「推」的門用推板,「拉」的門用把手**,讓使用者不需要思考,直接照直覺操作。 - 例如:大部分的逃生門都是推開的,這樣大家在緊急狀況下不用猶豫! --- ## **結論:好設計就是讓人不需要思考** 這兩個例子告訴我們,**一個好的設計應該是直覺的,讓使用者不用猶豫、不會誤解**。 - 刪除確認視窗的按鈕應該標示清楚,顏色要統一,讓人不會誤按。 - 門的設計應該符合直覺,如果要推就不要裝把手,避免讓人誤會。 當我們在設計產品或介面的時候,應該站在使用者的角度去思考,讓操作變得簡單又清楚,這樣才能提升使用體驗! 謝謝大家!🙌

    Import from clipboard

    Paste your markdown or webpage here...

    Advanced permission required

    Your current role can only read. Ask the system administrator to acquire write and comment permission.

    This team is disabled

    Sorry, this team is disabled. You can't edit this note.

    This note is locked

    Sorry, only owner can edit this note.

    Reach the limit

    Sorry, you've reached the max length this note can be.
    Please reduce the content or divide it to more notes, thank you!

    Import from Gist

    Import from Snippet

    or

    Export to Snippet

    Are you sure?

    Do you really want to delete this note?
    All users will lose their connection.

    Create a note from template

    Create a note from template

    Oops...
    This template has been removed or transferred.
    Upgrade
    All
    • All
    • Team
    No template.

    Create a template

    Upgrade

    Delete template

    Do you really want to delete this template?
    Turn this template into a regular note and keep its content, versions, and comments.

    This page need refresh

    You have an incompatible client version.
    Refresh to update.
    New version available!
    See releases notes here
    Refresh to enjoy new features.
    Your user state has changed.
    Refresh to load new user state.

    Sign in

    Forgot password

    or

    By clicking below, you agree to our terms of service.

    Sign in via Facebook Sign in via Twitter Sign in via GitHub Sign in via Dropbox Sign in with Wallet
    Wallet ( )
    Connect another wallet

    New to HackMD? Sign up

    Help

    • English
    • 中文
    • Français
    • Deutsch
    • 日本語
    • Español
    • Català
    • Ελληνικά
    • Português
    • italiano
    • Türkçe
    • Русский
    • Nederlands
    • hrvatski jezik
    • język polski
    • Українська
    • हिन्दी
    • svenska
    • Esperanto
    • dansk

    Documents

    Help & Tutorial

    How to use Book mode

    Slide Example

    API Docs

    Edit in VSCode

    Install browser extension

    Contacts

    Feedback

    Discord

    Send us email

    Resources

    Releases

    Pricing

    Blog

    Policy

    Terms

    Privacy

    Cheatsheet

    Syntax Example Reference
    # Header Header 基本排版
    - Unordered List
    • Unordered List
    1. Ordered List
    1. Ordered List
    - [ ] Todo List
    • Todo List
    > Blockquote
    Blockquote
    **Bold font** Bold font
    *Italics font* Italics font
    ~~Strikethrough~~ Strikethrough
    19^th^ 19th
    H~2~O H2O
    ++Inserted text++ Inserted text
    ==Marked text== Marked text
    [link text](https:// "title") Link
    ![image alt](https:// "title") Image
    `Code` Code 在筆記中貼入程式碼
    ```javascript
    var i = 0;
    ```
    var i = 0;
    :smile: :smile: Emoji list
    {%youtube youtube_id %} Externals
    $L^aT_eX$ LaTeX
    :::info
    This is a alert area.
    :::

    This is a alert area.

    Versions and GitHub Sync
    Get Full History Access

    • Edit version name
    • Delete

    revision author avatar     named on  

    More Less

    Note content is identical to the latest version.
    Compare
      Choose a version
      No search result
      Version not found
    Sign in to link this note to GitHub
    Learn more
    This note is not linked with GitHub
     

    Feedback

    Submission failed, please try again

    Thanks for your support.

    On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

    Please give us some advice and help us improve HackMD.

     

    Thanks for your feedback

    Remove version name

    Do you want to remove this version name and description?

    Transfer ownership

    Transfer to
      Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

        Link with GitHub

        Please authorize HackMD on GitHub
        • Please sign in to GitHub and install the HackMD app on your GitHub repo.
        • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
        Learn more  Sign in to GitHub

        Push the note to GitHub Push to GitHub Pull a file from GitHub

          Authorize again
         

        Choose which file to push to

        Select repo
        Refresh Authorize more repos
        Select branch
        Select file
        Select branch
        Choose version(s) to push
        • Save a new version and push
        • Choose from existing versions
        Include title and tags
        Available push count

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch
        Available push count

        Danger Zone

        Unlink
        You will no longer receive notification when GitHub file changes after unlink.

        Syncing

        Push failed

        Push successfully