Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Improving the user experience of your sites

Avatar for Neil Scott Neil Scott
February 27, 2018
Design
0
170

Improving the user experience of your sites

Talk at WordPress Glasgow on Tuesday, 27 February 2018.

Avatar for Neil Scott

Neil Scott

February 27, 2018
Tweet

More Decks by Neil Scott

See All by Neil Scott
Improving the user experience of your wordpress sites
Avatar for Neil Scott neilscott
1
100
Designing Work That Works
Avatar for Neil Scott neilscott
0
50
GSA Pecha Kucha 2013-10-30
Avatar for Neil Scott neilscott
0
330
Drawing the line
Avatar for Neil Scott neilscott
2
430

Other Decks in Design

See All in Design
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
420
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
400
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
220
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
410
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
140
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
200
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
100
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
320
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
150
mento Design Team Portfolio
Avatar for mento _official mento0fficial
1
900
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
510
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2k

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
353
21k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
870
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

Transcript

  1. IMPROVING THE USER EXPERIENCE OF YOUR SITES Neil Scott //

    WordPress Glasgow // 27 February 2018

  2. WHAT IS UX?

  3. None
  4. None
  5. None
  6. None
  7. None

  8. Jesse James Garrett: The Elements of User Experience

  9. None

  10. “User experience encompasses all aspects of the end-user’s interaction with

    the company, its services, and its products.” Donald Norman
  11. None

  12. WHY IS UX?

  13. Abraham Maslow: Hierarchy of Needs

  14. Stephen Anderson: Seductive Interaction Design

  15. None
  16. None
  17. None
  18. None

  19. WHERE TO START?

  20. None
  21. None

  22. GOALS

  23. Simon Sinek: Start With Why

  24. None

  25. USER RESEARCH

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None

  32. PROTOTYPING

  33. None
  34. None
  35. None
  36. None
  37. None
  38. None

  39. TESTING

  40. None
  41. None
  42. None
  43. None
  44. None
  45. None

  46. TESTING IN ACTION!

  47. None
  48. None
  49. None
  50. None
  51. None

  52. 7 THINGS TO LOOK FOR

  53. 1. APPROPRIATE

  54. None
  55. None

  56. 2. USER'S LANGUAGE

  57. None
  58. None

  59. 3. RESPONSIVE

  60. None

  61. 4. FOLLOW CONVENTIONS

  62. None
  63. None
  64. None
  65. None

  66. 5. MAKE IT OBVIOUS

  67. None
  68. None
  69. None

  70. 6. CLARITY

  71. None
  72. None

  73. 7. PURPOSEFUL

  74. None
  75. None
  76. None

  77. Neil Scott // @MrNeilScott // noblesavage.info QUESTIONS?

  78. None
  79. None