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
19
0
Share
エンジニアが考えるUI/UX
ryoAccount
April 08, 2022
More Decks by ryoAccount
See All by ryoAccount
そこにAIはあるか?
ryoaccount
0
31
最大のアウトプット術は問題を作ること
ryoaccount
0
380
Code Reliability
ryoaccount
0
15
S3は問答無用で非公開!!
ryoaccount
0
25
XSS?なんですかそれ?
ryoaccount
0
65
0から始めるセキュリティ
ryoaccount
0
130
Other Decks in Design
See All in Design
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
6.5k
AI時代に必要な アイデアの形
uxman
0
180
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
250
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
730
コンテンツ作成者の体験を設計する
chiilog
0
160
第18回サイゼミ
lw
1
3.8k
Franks Myth
gfht1
2
470
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
310
Frontier
rwang05
0
130
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
120
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
370
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
190
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
55k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.6k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
Designing Experiences People Love
moore
143
24k
Why Our Code Smells
bkeepers
PRO
340
58k
Tell your own story through comics
letsgokoyo
1
920
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.4k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
How GitHub (no longer) Works
holman
316
150k
Six Lessons from altMBA
skipperchong
29
4.2k
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