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

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

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
540
グラフィックチームから見たVue Fes Japan 2025 - サブタイトル、ダメゼッタイ -
Avatar for SASAPIYO sasagar
0
430
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
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
150
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
640
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
190
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.3k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
210
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
180
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.6k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
150
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
670
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
3k
2026年5月24日Redesigner Career Jamご参加者様ご案内資料
Avatar for BASE, Inc. base
PRO
0
180

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
260
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
590
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
180
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
200
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
430
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
320
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k

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