Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
エンジニアが考えるUI/UX
Search
ryoAccount
April 08, 2022
Design
30
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
AIエージェントと実装する安全なコード
ryoaccount
0
30
あなたの知らないFirewallの世界
ryoaccount
0
93
そこにAIはあるか?
ryoaccount
0
84
最大のアウトプット術は問題を作ること
ryoaccount
0
490
Code Reliability
ryoaccount
0
26
S3は問答無用で非公開!!
ryoaccount
0
38
XSS?なんですかそれ?
ryoaccount
0
84
0から始めるセキュリティ
ryoaccount
0
140
Other Decks in Design
See All in Design
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.2k
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
240
ポートフォリオ_あやの
ngyenmazt1412
0
1.7k
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
470
Starfall (2025)
rezaline
0
120
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
180
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
150
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
450
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.4k
TOPOSTOPOS
shoheyey
0
190
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
300
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
120
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
41k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
720
Ruling the World: When Life Gets Gamed
codingconduct
0
330
[RailsConf 2023] Rails as a piece of cake
palkan
59
7k
The untapped power of vector embeddings
frankvandijk
2
1.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
202
76k
Darren the Foodie - Storyboard
khoart
PRO
3
3.9k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
520
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.7k
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