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

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
7
5.3k

Interaction design's six steps

交互设计实用六步法

Avatar for kidult00

kidult00

January 20, 2013
Tweet

More Decks by kidult00

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

Other Decks in Design

See All in Design
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
120
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
140
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
250
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
910
デザインするために「多様性」について考える
Avatar for なつ iflection
0
180

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Done Done
Avatar for chrislema chrislema
186
16k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
64

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