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
18
0
Share
エンジニアが考えるUI/UX
ryoAccount
April 08, 2022
More Decks by ryoAccount
See All by ryoAccount
最大のアウトプット術は問題を作ること
ryoaccount
0
370
Code Reliability
ryoaccount
0
14
S3は問答無用で非公開!!
ryoaccount
0
25
XSS?なんですかそれ?
ryoaccount
0
64
0から始めるセキュリティ
ryoaccount
0
120
Other Decks in Design
See All in Design
The Art of Caring
klemens
0
320
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
130
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.3k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
230
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
830
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
310
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
13k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
790
AIでデザインをつくる:基礎編
kenichiota0711
4
3k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.4k
CULTURE DECK/Creative Director
mhand01
0
1.1k
デザインを信じていますか
sekiguchiy
1
1.2k
Featured
See All Featured
Deep Space Network (abreviated)
tonyrice
0
130
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
400
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
200
Six Lessons from altMBA
skipperchong
29
4.2k
Typedesign – Prime Four
hannesfritz
42
3k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
780
30 Presentation Tips
portentint
PRO
1
290
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
300
Heart Work Chapter 1 - Part 1
lfama
PRO
6
35k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
530
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