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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
ryoAccount
April 08, 2022
Design
17
0
Share
エンジニアが考えるUI/UX
ryoAccount
April 08, 2022
More Decks by ryoAccount
See All by ryoAccount
最大のアウトプット術は問題を作ること
ryoaccount
0
340
Code Reliability
ryoaccount
0
14
S3は問答無用で非公開!!
ryoaccount
0
24
XSS?なんですかそれ?
ryoaccount
0
63
0から始めるセキュリティ
ryoaccount
0
120
Other Decks in Design
See All in Design
デザインするために「多様性」について考える
iflection
1
290
Ralph Penel Portfolio
ralphpenel
0
400
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
140
root COMPANY DECK / We are hiring!
root_recruit
2
28k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
350
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
160
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.4k
Storyboard Exercise: Chase Sequence
lynteo
1
290
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
290
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.2k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
160
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
790
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Un-Boring Meetings
codingconduct
0
270
The Invisible Side of Design
smashingmag
303
52k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Documentation Writing (for coders)
carmenintech
77
5.3k
Google's AI Overviews - The New Search
badams
0
980
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
140
Designing Powerful Visuals for Engaging Learning
tmiket
1
350
The Cost Of JavaScript in 2023
addyosmani
55
9.8k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
130
Build your cross-platform service in a week with App Engine
jlugia
234
18k
How to Think Like a Performance Engineer
csswizardry
28
2.6k
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