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
570
グラフィックチームから見たVue Fes Japan 2025 - サブタイトル、ダメゼッタイ -
Avatar for SASAPIYO sasagar
0
440
Contribute to Comunities | React Tokyo Meetup #4 LT
Avatar for SASAPIYO sasagar
0
1.1k
空港で見つかる Webでも使えるUX
Avatar for SASAPIYO sasagar
1
1.6k

Other Decks in Design

See All in Design
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
250
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
140
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
400
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.8k
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
770
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1.5k
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
330
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
200
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
160
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.4k
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
470

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
330
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
280
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.2k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.1k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
990

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