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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for SASAPIYO SASAPIYO
September 15, 2018
Design
3k
0

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

2018/09/15 WordCamp Tokyo 2018 登壇時資料です。

Avatar for SASAPIYO

SASAPIYO

September 15, 2018

More Decks by SASAPIYO

See All by SASAPIYO
UIの境界線をデザインする | React Tokyo #15 メイントーク
Avatar for SASAPIYO sasagar
2
470
グラフィックチームから見たVue Fes Japan 2025 - サブタイトル、ダメゼッタイ -
Avatar for SASAPIYO sasagar
0
420
Contribute to Comunities | React Tokyo Meetup #4 LT
Avatar for SASAPIYO sasagar
0
1k
空港で見つかる Webでも使えるUX
Avatar for SASAPIYO sasagar
1
1.5k

Other Decks in Design

See All in Design
The Art of Caring
Avatar for Klemens klemens
0
330
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
140
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.3k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
830
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
190
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.1k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
310
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
300
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.5k
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
1.3k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
820
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
830

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
310
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
790
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
140
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
930
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
180
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
230
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
340

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