Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ユースケースから考えるユーザビリティ
Search
KeitaroOkamura
May 13, 2019
Design
230
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ユースケースから考えるユーザビリティ
KeitaroOkamura
May 13, 2019
More Decks by KeitaroOkamura
See All by KeitaroOkamura
Suspenseのユースケースを探る
keitarookamura
1
310
ヤギでもわかるソフトウェアテスト
keitarookamura
0
140
ヤギでもわかるオブジェクト指向UIデザイン
keitarookamura
3
320
ヤギでもわかるGit入門
keitarookamura
1
280
サクッと簡単!お手軽 Scaffold
keitarookamura
1
320
自社サイトをPWA化した話
keitarookamura
0
130
CSS Animations vs WAAPI
keitarookamura
0
540
マイクロインタラクションから考えるアニメーション
keitarookamura
1
300
Vue.js+AtomicDesign
keitarookamura
2
2.8k
Other Decks in Design
See All in Design
2026年の勢い / Momentum for 2026
bebe
0
470
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
640
「見せる」登壇資料デザインの極意
takanorip
4
1.1k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
150
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
160
The Art of Caring
klemens
0
350
TUNAG BOOK 2024
stmn
PRO
0
1.6k
デザインを信じていますか
sekiguchiy
1
1.3k
AI時代、デザイナーの価値はどこに?
tararira
2
1.6k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
900
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
600
Storyboard Exercise: Chase Sequence
lynteo
1
320
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
870
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
RailsConf 2023
tenderlove
30
1.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Skip the Path - Find Your Career Trail
mkilby
1
150
HDC tutorial
michielstock
2
720
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
220
Abbi's Birthday
coloredviolet
2
8.1k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.3k
Google's AI Overviews - The New Search
badams
0
1k
Transcript
Ϣʔεέʔε͔Βߟ͑Δ ϢʔβϏϦςΟ
! 6 9 + " . * / , * 5" , : 6 4 ) 6
,FJUBSP0LBNVSB ϑϩϯτΤϯυΤϯδχΞ
͍͖ͳΓͰ͕͢ɾɾɾ ϢʔβϏϦςΟͬͯ େࣄͰ͢ΑͶ
lϢʔβϏϦςΟͱ࢟ຊ࣭ ৗʹมԽ͠ɺෆมͷͷͳ͍͜ͱͰ͋Δz ॾߦແৗ
lϢʔβϏϦςΟͱ࢟ຊ࣭ ৗʹมԽ͠ɺෆมͷͷͳ͍͜ͱͰ͋Δz ॾߦແৗ ϢʔβϏϦςΟ ਓڥͰେ͖͘มΘΔͷ
ϢʔβϏϦςΟΛ ্㽉 ͤ͞ΔͨΊʹʁ
ϢʔβϏϦςΟͷ্ తΛୡͰ͖Δͷ͔ΛධՁʢݕূʣ͢Δ ʮϢʔβʔʯʮঢ়گʯʮతʯΛ໌֬ʹ͢Δ
తΛୡͰ͖Δͷ͔ΛධՁʢݕূʣ͢Δ ϢʔβϏϦςΟͷ্ ʮϢʔβʔʯʮঢ়گʯʮతʯΛ໌֬ʹ͢Δ ࠓ͢͜ͱ
ϢʔβʔΠϯλʔϑΣʔε ϢʔεέʔεۦಈͰ σβΠϯ͖͢ ͕ࣗͰ͖Δͱݴͬͯͳ͍ ຊ
Ϣʔεέʔεۦಈ ϢʔεέʔεΛઌʹચ͍ग़͠ɺ ͦΕʹ߹Θͤཁ݅Λܾఆͯ͠σβΠϯ͢Δ
Ϣʔεέʔεʁ
❖ ϢʔβʔͱγεςϜͷΓͱΓ ❖ Ϣʔβʔ͕γεςϜΛ͏͜ͱͰ౸ୡ͢ΔΰʔϧΛ ໌֬ʹ͢ΔͨΊͷͷ ❖ શ෦આ໌Ͱ͖·ͤΜ ࣌ؒͷ߹্ Ϣʔεέʔεͱʁ
Ϣʔεέʔεͱʁ ϝΠϯ αϒ ༏ઌ ϝοηʔδΛૹ৴͢Δ ςΩετΛૹ৴͢Δ " ը૾ɾಈըΛՃ͢Δ # ελϯϓΛՃ͢Δ
# ΓจࣈΛѲ͢Δ # ҐஔใΛՃ͢Δ $ ྫ ϝοηʔδػೳͷϢʔεέʔε ༏ઌ૾
ڧͷߴ͍6*͕σβΠϯͰ͖Δ 6*Λγϯϓϧʹอͭ͜ͱ͕Ͱ͖Δ 6*σβΠϯʹ͓͚Δ Ϣʔεέʔεۦಈ̎ͭͷڧΈ
ڧͷߴ͍6*͕ σβΠϯͰ͖Δ
❖ ͋ΒΏΔ6*ύλʔϯͷݕ౼͕Ͱ͖Δ ❖ Ͳͷ6*Λ࠾༻͢Δ͔ϩδΧϧʹܾఆ͍ͯ͠ΔͨΊɺ ༷ͷൈ͚࿙Ε͕ͳ͍ ೋసࡾస͢ΔΑ͏ͳ ❖ Ұൠతͳ༻ঢ়گʹ࠷దԽ͞Εͨڞ௨ύλʔϯ͕ ݟ͔ͭΔ
ίϞϯέʔε ϢʔεέʔεΛચ͍ग़͢͜ͱͰ
6*Λγϯϓϧʹ อͭ͜ͱ͕Ͱ͖Δ
ύϨʔτͷ๏ଇ l݁Ռͷେ෦શମͷҰ෦ʹΑͬͯੜΈग़͞ΕΔz Ϣʔβʔͷશػೳͷ͔͠Θͳ͍ ͱ͍͏ͷ
❖ ຊʹඞཁͳػೳʹߜΔ͜ͱ͕Ͱ͖ΔͨΊɺෳࡶͳ 6*ʹͳΓʹ͍͘ ❖ ಛఆͷঢ়گͰͷΈΘΕΔͱ͍ͬͨ͘͝كͳέʔε Λఆͨ͠σβΠϯ ଘࡏ͠ͳ͍Ϣʔεέʔε Λආ͚ΒΕΔ Ϣʔεέʔεʹ༏ઌΛ͚ͭΔ͜ͱͰ
ͭ·Γ
Ϣʔεέʔεۦಈ ʷ 6*σβΠϯ ػೳ͕ϢʔβʔʹΑͬͯ ͲͷΑ͏ͳঢ়گɾతͷԼͰ ͲͷΑ͏ʹΘΕΔ͔Λ ໌֬Խ͢Δ͜ͱ
తΛୡͰ͖Δͷ͔ΛධՁʢݕূʣ͢Δ ϢʔβϏϦςΟͷ্ ʮϢʔβʔʯʮঢ়گʯʮతʯΛ໌֬ʹ͢Δ ͓͞Β͍
ϢʔβϏϦςΟ্ͷ ୈҰาʹͭͳ͕Δʂ ·ͱΊ ϢʔεέʔεۦಈʹΑΔ6*σβΠϯ
͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠