Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

網頁設計心理學讀書心得分享

2,098 views

Published on

公司內分享的的 "網頁設計心理學"
書本的案例大多是 2009
所以我找了不少 2014 跟 2015 比較新的案例來當作示範

Published in: Design
  • Be the first to comment

網頁設計心理學讀書心得分享

  1. 1. 謝⼩小⾬雨 http://about.me/lindsayrain 網⾴頁設計⼼心理學 - ⼼心得分享 by Lindsay Hsieh 2015.04
  2. 2. 謝⼩小⾬雨 http://about.me/lindsayrain 書籍作者簡介 SUSAN M.WEINSCHENK https://twitter.com/thebrainlady
  3. 3. 謝⼩小⾬雨 http://about.me/lindsayrain 書籍介紹 2009 Jan 出版 2013 Feb 譯(簡體) 台灣可購書管道:
 http://www.hpx-party.com/hpx-reading-club/simplified- uxbooks/neuro-web-design-what-makes-them-click
  4. 4. 謝⼩小⾬雨 http://about.me/lindsayrain 讀這本書之前,你要認識你的三個腦 • 舊腦 Old Brain • 跟⼈人的⽣生存相關,⾝身體的主動運作, 例:呼吸、移動、消化。 • 中腦 Mid Brain • 處理感情,感知,例:你的衝動購物。 • 新腦 New Brain • 語⾔言處理、講話、閱讀、演奏、思考、 聽⾳音樂、企劃...等。例:你的新腦正在 聽我跟你分享這篇簡報。
  5. 5. 謝⼩小⾬雨 http://about.me/lindsayrain 1.為誘發和潛意識設計網⾴頁 • 我們的⼤大腦中發⽣生了很多我們不瞭解的事情:
 「我很理智的控制我的⾏行為,不是嗎?」(1996 John Bargh 語⾔言的實 驗:他、它、找到、XX、⾺馬上,XX是情緒隱藏字。) • 你是否有靈光乍現的⼀一刻?(吃個飯回來程式就會寫了) • 我們真的知道⾃自⼰己喜歡什麼嗎? • 最好的誘導並⾮非邏輯清楚的陳述,我們⼤大多數決策都不是有意識的。
  6. 6. 謝⼩小⾬雨 http://about.me/lindsayrain 2.尋找歸屬感 • Kitty Genovese 的悲劇 • 旁觀者效應,聊天群組內⼈人越多越明顯 • 當我們知道別⼈人⽤用過同樣的產品,在網站的⾏行為,甚⾄至現在在做 的事情,我們會想要⾏行動。 • 我們會做其他⼈人也在做的事情,歸屬感對我們的吸引⼒力很⼤大
  7. 7. 謝⼩小⾬雨 http://about.me/lindsayrain 恩~ ⼤大家都覺得鞋⼦子很 合腳 案例:Zappos 增加統計數字 讓我們覺得我們很 理性
  8. 8. 謝⼩小⾬雨 http://about.me/lindsayrain 第⼀一名:認識的 ⼈人的推薦 影響⼒力最⼤大 第⼆二名:不認識的⼈人 影響⼒力會減弱,但如果有 Persona,我們可以想像 會讓我們有 Persona ⽤用⼾戶類型:⺟母親 使⽤用頻率:每天 職業:全職媽媽 影響⼒力排序 第四名:只有評分 第三名:我們不認 識也無法想像;不 過,有故事可以閱 讀,我們會參考
  9. 9. 謝⼩小⾬雨 http://about.me/lindsayrain 案例:PCHome、 MOMO購物 別⼈人都看(買) 什麼?
  10. 10. 謝⼩小⾬雨 http://about.me/lindsayrain 3.負債感 • 贈送禮物會觸發負債感,會讓別⼈人希 望通過給你其他東⻄西來回報妳。 • 如果你⼀一開始要求超過他⼈人接受範圍 的東⻄西被拒絕,再提出更合理的要求 可能被接受。 • 在網站上贈送 (有條件的免運費不會 被看做互惠,無條件免運會觸發 “互 惠”)
  11. 11. 謝⼩小⾬雨 http://about.me/lindsayrain 3.負債感 -> 互惠 • 提供完整的免費的訊息也 可能觸發互惠。(決定在你 網站購買) • 給⽤用⼾戶推薦也可能被當作 是禮物;前提是,推薦的 東⻄西要有價值。 • ⼀一家營利公司幫你為⾮非營 利組織捐款,可能會引起 你的負債感。
  12. 12. 謝⼩小⾬雨 http://about.me/lindsayrain 4.引發稀缺感  難以取得的東⻄西我們越想要 • 我們會更想要稀缺的東⻄西,並認為他 更有價值。 • 讓⼀一件東⻄西看上去數量有限或是時間 有限,可以觸發稀缺感 • 稀缺感會促使我們購買 • 不僅商品會觸發這種感覺,資訊也 會。難以取得的訊息我們覺得更有價 值。 ⾏行銷⼿手法 最常⾒見
  13. 13. 謝⼩小⾬雨 http://about.me/lindsayrain 餅乾實驗 陳列在架上的餅乾 右邊罐⼦子 2⽚片餅乾 左邊罐⼦子
 10⽚片餅乾
  14. 14. 謝⼩小⾬雨 http://about.me/lindsayrain hotels.com 剩下1間
  15. 15. 謝⼩小⾬雨 http://about.me/lindsayrain 5.謹慎選擇 • 我們以為⾃自⼰己想要很多選擇,但是太 多選擇只會讓我們無法決策。 • 我們每次只能關注1~2件商品屬性 • 如果我們覺得⾃自⼰己可以⾺馬上得到⼀一件 東⻄西,這種感覺會促使我們盡快購買 它。 • 如果你希望⼈人們購買網站上的某件商 品,那麼就把它放到列表的第⼀一位。
  16. 16. 謝⼩小⾬雨 http://about.me/lindsayrain 兩個攤位
 左邊賣4種⼝口味果醬,右邊賣24種⼝口味 http://lachambreauxconfitures.com/e-shop/fr/
  17. 17. 謝⼩小⾬雨 http://about.me/lindsayrain 6.主⾓角是你 與⾃自我中⼼心的無意識對話 • 舊腦關⼼心的是你,如何保護你,讓你 吃飽,幫助你繁衍後代。 • 危險、性、⻝⾷食物 • 如果想抓住某⼈人的注意⼒力,你需要創 造改變、展⽰示⻝⾷食物、暗⽰示”性”或是⽤用 “你” 來吸引他舊腦的注意⼒力 http://justhitchednowwhat.com/2013/06/23/fix-it-or-fall-in- love-with-it/food-sex-danger/
  18. 18. 謝⼩小⾬雨 http://about.me/lindsayrain
  19. 19. 謝⼩小⾬雨 http://about.me/lindsayrain 內容⼯工廠充分利⽤用 ”危險”,吸引讀者 遇到 ”危險”
  20. 20. 謝⼩小⾬雨 http://about.me/lindsayrain 舉例
 現在現場的男 性可能已經分 ⼼心
  21. 21. 謝⼩小⾬雨 http://about.me/lindsayrain 相同道理也⽤用 在⼥女性⾝身上
  22. 22. 謝⼩小⾬雨 http://about.me/lindsayrain 這個軟體有上傳、整理、保存照⽚片的功 能。照⽚片可以⽅方便被找到。
  23. 23. 謝⼩小⾬雨 http://about.me/lindsayrain 你可以快速上傳照⽚片、⽤用喜歡的⽅方式整理 照⽚片、並可保存下來跟朋友分享。你可以 ⽅方便地找到任何照⽚片。
  24. 24. 謝⼩小⾬雨 http://about.me/lindsayrain 7.建⽴立承諾 我們希望讓認為我們是始終如⼀一的 • 讓⼈人們進⾏行⼝口頭承諾或是書⾯面承諾更 有效 • 如果可能,先讓⼈人們做出⼩小的承諾, 然後再讓⼈人們做出與它⼀一致的承諾。 • 如果我們經歷的困難,我們的承諾會 更堅定。
  25. 25. 謝⼩小⾬雨 http://about.me/lindsayrain 問卷調查 跟 評論 ⼒力量很強⼤大 • 問卷不僅可以⽤用來收集訊息,也是可 以引發有助於堅定承諾的公開表態 • 評論的價值,承諾越公開,就越堅定 • 如果我們寫下正⾯面的評論,會希望⾃自 ⼰己保持⼀一致,這就意味我們會進⾏行更 多與這個網站相關的⾏行為。
  26. 26. 謝⼩小⾬雨 http://about.me/lindsayrain 8.相似性、吸引⼒力和關聯性 • 舊腦是為了決定是否要逃跑、進⻝⾷食或做愛 的。 • 不要低估了有吸引⼒力的⼈人的作⽤用。 • 最能影響我們的是那些和我們相似的⼈人。 • 讓事物或具有吸引⼒力的⼈人連起來會讓他更 有吸引⼒力。 • 我們其實都是 “外貌協會” 的⼈人
  27. 27. 謝⼩小⾬雨 http://about.me/lindsayrain 名⼈人的影響⼒力 • 不只是照⽚片,我們讀到某個名⼈人使⽤用 某個產品或服務,我們也會受到影 響。 • 找對代⾔言⼈人,對商品有認同感。 • 就算廣告就算拍得很爛,也會有效。
 案例:五⽉月天 HTC 系列廣告
  28. 28. 謝⼩小⾬雨 http://about.me/lindsayrain 要讓他們看起來像我 • 網站上的照⽚片需要跟⺫⽬目標⽤用 ⼾戶相符合
 • 這些⼈人很像我,我應該做他 們在做的事情 • 案例:養⽣生⽂文化村
 http://www1.cgmh.org.tw/cgv/
  29. 29. 謝⼩小⾬雨 http://about.me/lindsayrain 9.害怕失去 • 我們註定會注意並關注那些可能讓我們失去些什麼的情況。 • 對失去的恐懼⽐比對成功的渴望更能激勵我們。 • 我們的⾝身體跟無意識的⼤大腦可以⽐比有意識⼤大腦更快捕捉到可能導致失去 的情況。 • 如果事件與感情相關連,我們對事件的印象會更深刻。 • 微妙的措辭也會影響我們的反應。
  30. 30. 謝⼩小⾬雨 http://about.me/lindsayrain 宜減不宜加 • 賣⾞車銷售員的⼿手法 • 先讓使⽤用者體驗 “完 整” 的好處,再詢問 使⽤用者想拿到些什 麼?
  31. 31. 謝⼩小⾬雨 http://about.me/lindsayrain 使⽤用這個治療⽅方式,存活率90% 使⽤用這個治療⽅方式,死亡率10%
  32. 32. 謝⼩小⾬雨 http://about.me/lindsayrain 10.使⽤用圖⽚片跟故事 無意識⼤大腦對話的最好⽅方法 • 我們天⽣生透過故事來思考,因⽽而使⽤用故事的網站能夠抓住我們的 注意⼒力。 • 僅使⽤用 “故事” ⼀一詞就可抓住我們的注意⼒力。 • 與⽂文字相⽐比,我們對圖⽚片的關注與處理能⼒力更強。 • 結合圖⽚片跟故事是抓住我們吸引⼒力並幫助我們記憶的無敵組合。
  33. 33. 謝⼩小⾬雨 http://about.me/lindsayrain 現在只要隨便打⼀一段話 加上⾺馬雲的圖⽚片 就會有⼈人分享 - ⾺馬雲
  34. 34. 謝⼩小⾬雨 http://about.me/lindsayrain 11.我們是群居動物 社交化成就 下⼀一個爆點 • 我們是社交動物,會⽤用⼀一且技術來促進交流並增加社交化。 • 運⽤用了誘導原則是社交網站發展最快社交網站。 • 如果你想成為互聯網的下⼀一個爆點,想想如何利⽤用新技術幫助⼈人 們交流。
  35. 35. 謝⼩小⾬雨 http://about.me/lindsayrain 新技術創造新社群型態 案例: LIVEHouse.in 線上直播+討論
  36. 36. 謝⼩小⾬雨 http://about.me/lindsayrain 總結 • ⼤大腦:舊腦、中腦、新腦 • 潛意識影響很⼤大 • 我們會尋找歸屬感 • 有效利⽤用負債感 • 引發稀缺感,增加價值 • 選擇不要太多 • 你,危險、性、⻝⾷食物 • 逐步建⽴立承諾 • 相似的⼈人、有影響⼒力的⼈人 • 害怕失去勝過期待成功 • 圖⽚片+故事 • 我們是社交動物
  37. 37. 謝⼩小⾬雨 http://about.me/lindsayrain Q&A 想法與討論
  38. 38. 謝⼩小⾬雨 http://about.me/lindsayrain 本書的演講 • UX LX ⼤大會 2010年 • https://www.youtube.com/ watch?v=gsHruoVabsU
  39. 39. 謝⼩小⾬雨 http://about.me/lindsayrain 補充書籍 無形的操控:⼼心理學家教你七種⽅方 法讓⼈人⽢甘⼼心聽你的 了解「⼈人」,你才知道怎麼設計!洞 悉設計的 100 個感知密碼

×