Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Interaction design's six steps

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for kidult00 kidult00
January 20, 2013
Design
5.3k
7

Interaction design's six steps

交互设计实用六步法

Avatar for kidult00

kidult00

January 20, 2013

More Decks by kidult00

See All by kidult00
iOS7设计规范分享_PartI_UI设计基础
Avatar for kidult00 kidult00
1
330
2DT
Avatar for kidult00 kidult00
0
210

Other Decks in Design

See All in Design
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.4k
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.9k
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
Avatar for Sayaka Kubouchi sayadesign2
0
790
コールセンターのオペレーターに6時間だけなってみた
Avatar for Hiroki Hosaka h0sa
0
150
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
150
クリエイティブディレクター 両角 高寛 の自己紹介
Avatar for GYRO両角 morogyro
0
210
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
140
分散するデザイン組織をつなぐ　デザインミートアップの取り組み/nikkei-tech-talk49
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
1
360
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
880
2026/8/20　Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり 〜リビングラボの事例を通じて〜
Avatar for Kimura Atsunobu a2k
0
110
Typographie et intégration web
Avatar for Raphael Goetter goetter
0
170

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
350
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
620
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
1.1k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
530
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
890
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
570
Design in an AI World
Avatar for tapps tapps
1
350

Transcript

  1. None

  2. 婕

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. 媒

  12. 媒

  13. 戳 媒

  14. 聊

  15. 聊 2 3 4 5 6 1

  16. None

  17. 聊 2 3 4 5 6 1

  18. 馈 聊 2 3 4 5 6 1

  19. 馈 聊 2 3 4 5 6 1

  20. 聊 2 3 4 5 6 1 馈

  21. 聊 2 3 4 5 6 1 馈 馈

  22. 馈 馈 聊 2 3 4 5 6 1

  23. 1 3 4 5 6 2

  24. 1 3 4 5 6 2

  25. 1 3 4 5 6 2 ↓ ↓

  26. 1 3 4 5 6 2

  27. 1 3 4 5 6 2

  28. 1 3 4 5 6 2

  29. 1 3 4 5 6 2

  30. 馈 1 3 4 5 6 2

  31. 馈 1 3 4 5 6 2 ↓ ↓

  32. 1 4 5 6 2 3

  33. 1 4 5 6 2 3

  34. 注 册 邮件地址 1 4 5 6 2 3

  35. 注 册 邮件地址 1 4 5 6 2 3

  36. 1 2 3 1 4 5 6 2 3

  37. 1 2 3 1 4 5 6 2 3

  38. 1 2 3 1 4 5 6 2 3

  39. 1 2 3 1 4 5 6 2 3

  40. 1 2 3 1 4 5 6 2 3

  41. 1 5 6 2 3 4

  42. 1 5 6 2 3 4 注 册 邮件地址

  43. 1 5 6 2 3 4 注 册 邮件地址

  44. 注 册 邮件地址 密码 确认密码 1 5 6 2 3

    4 注 册 邮件地址

  45. 注 册 邮件地址 密码 确认密码 1 5 6 2 3

    4

  46. 注 册 邮件地址 密码 确认密码 1 5 6 2 3

    4

  47. 注 册 邮件地址 密码 确认密码 1 5 6 2 3

    4 注 册 邮件地址 密码 确认密码 @ 163.com

  48. 1 5 6 2 3 4 注 册 邮件地址 密码

    确认密码 @ 163.com

  49. 1 5 6 2 3 4 注 册 邮件地址 密码

    确认密码 @ 163.com

  50. 1 5 6 2 3 4 注 册 邮件地址 密码

    确认密码 @ 163.com 注 册 密码 确认密码 邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写

  51. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写

  52. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写

  53. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写 注 册 密码 确认密码 邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写 验证码 请填写图片中的字符，不区分大小写 看不清楚？换张图片 同意"服务条款"和"隐私权相关政策"

  54. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写 验证码 请填写图片中的字符，不区分大小写 看不清楚？换张图片 同意"服务条款"和"隐私权相关政策"

  55. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写 验证码 请填写图片中的字符，不区分大小写 看不清楚？换张图片 同意"服务条款"和"隐私权相关政策"

  56. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写 验证码 请填写图片中的字符，不区分大小写 看不清楚？换张图片 同意"服务条款"和"隐私权相关政策"

  57. 1 5 6 2 3 4 注 册 密码 确认密码

    邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 6~16个字符，区分大小写 验证码 请填写图片中的字符，不区分大小写 看不清楚？换张图片 同意"服务条款"和"隐私权相关政策"

  58. 1 5 6 2 3 4

  59. 邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 1 5 6 2 3 4

  60. 邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 1 5 6 2 3 4

  61. 邮件地址 @ 163.com 6~18个字符，可使用字母、数字、下划线，需以字母开头 1 5 6 2 3 4

  62. 1 5 6 2 3 4 kidult 邮件地址 @ 163.com

    该邮件地址已被注册

  63. 1 5 6 2 3 4 kidult 邮件地址 @ 163.com

    该邮件地址已被注册

  64. 1 5 6 2 3 4 kidult 邮件地址 @ 163.com

    该邮件地址已被注册

  65. 1 5 6 2 3 4

  66. 密码 6~16个字符，区分大小写 确认密码 1 5 6 2 3 4 <6

    个字符？ >16 个字符？ 两次输入一致？ 两次输入不一致？ 输入顺序颠倒？ 不填？

  67. 密码 6~16个字符，区分大小写 确认密码 <6 个字符？ >16 个字符？ 两次输入一致？ 两次输入不一致？ 输入顺序颠倒？

    不填？ 1 5 6 2 3 4

  68. 1 5 6 2 3 4

  69. 1 5 6 2 3 4

  70. 手机号码 @ 163.com 免费获取验证码 1 5 6 2 3 4

  71. 手机号码 @ 163.com 免费获取验证码 1 5 6 2 3 4

    (今天剩余1次)

  72. 1 5 6 2 3 4

  73. 1 5 6 2 3 4

  74. 1 6 2 3 4 5

  75. 1 6 2 3 4 5

  76. 1 5 2 3 4 6

  77. 1 5 2 3 4 6

  78. 1 5 2 3 4 6

  79. 聊

  80. None