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
エンジニアが考えるUI/UX
Search
ryoAccount
April 08, 2022
Design
23
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
エンジニアが考えるUI/UX
ryoAccount
April 08, 2022
More Decks by ryoAccount
See All by ryoAccount
あなたの知らないFirewallの世界
ryoaccount
0
32
そこにAIはあるか?
ryoaccount
0
64
最大のアウトプット術は問題を作ること
ryoaccount
0
430
Code Reliability
ryoaccount
0
18
S3は問答無用で非公開!!
ryoaccount
0
29
XSS?なんですかそれ?
ryoaccount
0
70
0から始めるセキュリティ
ryoaccount
0
130
Other Decks in Design
See All in Design
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
420
where_imagination_ends_ai_begins.pdf
r5ni4
0
230
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
130
ISO 9241-171:2025っていうのがあってな
shosira
1
210
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
540
The Art of Caring
klemens
0
360
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.5k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
480
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
440
Decksh keywords
ajstarks
0
110
TUNAG BOOK 2024
stmn
PRO
0
1.6k
「見せる」登壇資料デザインの極意
takanorip
4
1.1k
Featured
See All Featured
The Curious Case for Waylosing
cassininazir
1
430
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
170
Music & Morning Musume
bryan
47
7.3k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
220
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.3k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
40k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
200
Un-Boring Meetings
codingconduct
0
340
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Thoughts on Productivity
jonyablonski
76
5.2k
Automating Front-end Workflow
addyosmani
1370
210k
Design in an AI World
tapps
1
260
Transcript
デザイナー エンジニア が考える UI/UX 2022/04/08 何でもLT
目的 UI/UXはデザイナーが考えること UI/UXはエンジニアも考えること ↑この認識を持つ
発表内容の元ネタ https://blog.btrax.com/jp/
いきなり結論 UI/UXはパクってはいけないが 他社のUI/UXと似せた方がいい (オリジナルである必要はない)
そもそもパクリとは? 以下の違いは何でしょうか? • パクリ • インスパイア • オマージュ • リスペクト
• パロディ
そもそもパクリとは? ざっくりこんな感じ。 • パクリ →バレたら困る • インスパイア →バレた時の言い訳として使う • オマージュ
→わかる人にだけ元ネタがわかってほしい • リスペクト →元ネタに気づいて欲しい • パロディ →バレなきゃ困る
最近のUI/UXはほとんど同じ 世の中の大半のサービスは似たり寄ったりな UI/UXを実装している。 ユーザビリティを追求した結果かもしれないし、ユニバーサル UIを追求した結果かもしれないし。。
ユーザが求めている UI 手っ取り早く目的にたどり着きたい。 直線的で何も考えなくていい近道を通りたい。
けもの道現象 システム開発者がユーザに通ってほしいルート(Designed Path)と ユーザが通りたいルート(Desire Path)が異なる現象。
けもの道現象を活用しているディズニーランド パーク内を螺旋状に設計して、 どのエリアにも直線的にたどり着くことができる。
実はUIが同じ方がユーザにとっては有難い 多くのユーザは毎日複数のWebサイトを利用するので、覚えることに疲れている。 新しいWebサイトにアクセスするたびに、異なるインターフェイスやユーザ体験を学び直 すのに疲れてしまっている。 ということは、類似する既存のWebサイトのUIやUXを踏襲されていた方が、ユーザに とっては自ずと使いやすくなる。 ただし、モロパクリではいけない。正しくパクる必要がある。 ここがUI/UXを検討する上で難しいところ。
まとめ 正しくパクる方法は・・ • ユーザの抱える課題を明確にする • そして、その課題を解決するソリューションを考える • それに相応しいと思われる既存のサービスやデザイン要素を活用する • 見た目の雰囲気や自社のサービスの最も重要と思う価値の部分にオリジナリティ
を入れる
fin