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
580
グラフィックチームから見たVue Fes Japan 2025 - サブタイトル、ダメゼッタイ -
Avatar for SASAPIYO sasagar
0
450
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
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
230
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
270
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
250
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
0
240
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
150
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
Avatar for 都村　美帆 abokadotyann
4
1k
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.8k
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
290
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
270
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
2k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
710
染み出し好きの、 染み出しコントロール論
Avatar for Takeru Mukai mukai_takeru
0
360

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
290
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
950
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
170
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
9k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
280

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