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

誰でもChallengeできる！ WordPressにおけるUI/UXのヒント

Avatar for SASAGAWA, Kiyoshi SASAGAWA, Kiyoshi
September 15, 2018
Design
0
2.9k

誰でもChallengeできる！ WordPressにおけるUI/UXのヒント

2018/09/15 WordCamp Tokyo 2018 登壇時資料です。
Avatar for SASAGAWA, Kiyoshi

SASAGAWA, Kiyoshi

September 15, 2018
Tweet

More Decks by SASAGAWA, Kiyoshi

See All by SASAGAWA, Kiyoshi
Contribute to Comunities | React Tokyo Meetup #4 LT
Avatar for SASAGAWA, Kiyoshi sasagar
0
730
空港で見つかる Webでも使えるUX
Avatar for SASAGAWA, Kiyoshi sasagar
1
1.4k

Other Decks in Design

See All in Design
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
790
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
180
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3k
Echoes Boomerang
Avatar for Cloud Yu artcloudyu
PRO
0
250
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
340
オリジナルのデザイン地図を作ってみた！〜OpenMapTilesとMaputnikを活用した地図スタイル〜
Avatar for Hajime Kato hjmkth
1
580
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
450
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1k
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
180
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
340
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.6k

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.7k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None

  6. 笹川 潔 （ささぴよ）

  7. None
  8. None
  9. None

  10. ところで UI/UXって 説明できますか？

  11. None
  12. None
  13. None
  14. None
  15. None
  16. None

  17. でも 本当に それだけですか？

  18. None
  19. None
  20. None

  21. Elements of User Experience UX を構成する5 つの要素 戦略 利用者のニーズや アプリ・サイトの目的

    それに合わせた方向性 利用者のゴール設定など 要件 コンテンツや機能面の策定 利用者の目的を満たす為に 何が必要なのかを決めていく 構造 情報デザインやアーキテクチャ 全体の情報をどのように配置し どのように到達できるのか 骨格 利用者がわかりやすいように 情報の整理や 必要なパーツの配置を設計 インタラクションデザイン 表層 視覚的なデザイン 情報を示したり 操作できることを示す
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None

  30. だから、 日々の生活から 積み上げよう

  31. None
  32. None
  33. None
  34. None

  35. WordPress 制作での ユーザーって？

  36. None
  37. None
  38. None
  39. None
  40. None
  41. None

  42. しつもん ありますか？

  43. None