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
840
空港で見つかる Webでも使えるUX
Avatar for SASAGAWA, Kiyoshi sasagar
1
1.4k

Other Decks in Design

See All in Design
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2.8k
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
110
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
3.8k
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
8
2.3k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
300
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
190
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
130
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
920
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.9k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

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