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
デザイン修正時のチェックポイント
Search
LINEヤフーTech (LY Corporation Tech)
PRO
August 07, 2024
Technology
1
1.5k
デザイン修正時のチェックポイント
イベント「Creators Vision Vol.1 エンジニアとデザイナーのこだわり探訪 #1」での発表資料です。
LINEヤフーTech (LY Corporation Tech)
PRO
August 07, 2024
Tweet
Share
More Decks by LINEヤフーTech (LY Corporation Tech)
See All by LINEヤフーTech (LY Corporation Tech)
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
340
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
280
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
410
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
320
LINEスキマニのフロントエンド開発にDenoを採用した理由
lycorptech_jp
PRO
0
89
「コード品質向上のテクニック」連載継続の秘訣
lycorptech_jp
PRO
0
77
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
280
Arakawa 101 Or How To Build a Data App by Python
lycorptech_jp
PRO
0
52
ドメイン駆動設計の実践により事業の成長スピードと保守性を両立するショッピングクーポン
lycorptech_jp
PRO
17
3.8k
Other Decks in Technology
See All in Technology
エンジニア主導の企画立案を可能にする組織とは?
recruitengineers
PRO
1
140
Pwned Labsのすゝめ
ken5scal
2
460
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.2k
JavaにおけるNull非許容性
skrb
2
2.6k
実は強い 非ViTな画像認識モデル
tattaka
3
1.3k
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
310
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
データベースの負荷を紐解く/untangle-the-database-load
emiki
2
530
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
750
事業モメンタムを生み出すプロダクト開発
macchiitaka
0
100
スキルだけでは満たせない、 “組織全体に”なじむオンボーディング/Onboarding that fits “throughout the organization” and cannot be satisfied by skills alone
bitkey
0
190
AI自体のOps 〜LLMアプリの運用、AWSサービスとOSSの使い分け〜
minorun365
PRO
6
310
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
GitHub's CSS Performance
jonrohan
1030
460k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Invisible Side of Design
smashingmag
299
50k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Thoughts on Productivity
jonyablonski
69
4.5k
Done Done
chrislema
182
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
It's Worth the Effort
3n
184
28k
Transcript
Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato
SUBTITLE サブタイトル エンジニアとデザイナーの こだわり探訪
THEMA テーマ エンジニアとデザイナーの こだわり探訪 デザイナーって、何をもって このデザインが良い!って判断してるの? デザイナーがどういう思考で デザインしているのか知りたい!
THEMA テーマ デザイナーは どんな意思決定をしているのか?
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
POINT 確認するポイント 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は
適切かどうか CHECK 3 スタイルの整合性が 取れているか
データアップロード アップロードが 完了しました とじる より良い情報提供のためにデータを 利用してもよろしいですか? 改修内容 アップロードしたデータをパーソ ナライズの学習に使うために、 ユーザーに許可もらうチェック
ボックスを設けたい。
データアップロード より良い情報提供のためにデー タを利用してもよろしいですか? 許可する アップロードする データアップロード アップロード しています キャンセル データアップロード
アップロードが 完了しました とじる ここで承認は違和感ある 事前承認に変更
設定した課題は解決しているか 表示のタイミングは適切か 既存のフローとハレーションは起きないか ユーザーフローは適切かどうか CHECK 1
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
決済完了 支払い方法 支払い方法を保存する とじる 決済完了 支払い方法 次回以降、支払い方法保存の 選択と決済完了画面の確認を スキップする ※
支払い方法の保存情報は、今回の設定 を引き継ぎます ※ この設定はメニューからいつでも変更 できます。 とじる 次回以降非表示に できるようにしたい
決済完了 支払い方法 支払い方法を保存する とじる 次回以降表示しない 決済完了 支払い方法 次回以降、支払い方法保存の 選択と決済完了画面の確認を スキップする
※ 支払い方法の保存情報は、今回の 設定を引き継ぎます ※ この設定はメニューからいつでも 変更できます。 とじる レイアウト変更 グルーピング ライティング
情報構成は適切かどうか CHECK 2 情報量、配置、優先度は適切か 専門用語を多用していないか 端末ごとのファーストビューに問題ないか
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
赤文字で目立たせたい 意味のある色だからダメ アンダーライン リンクに使っているからダメ CHECK 3 スタイルの整合性が取れているか
スタイルの整合性が取れているか CHECK 3 用途が近いアセットが乱立していないか スタイルのルールを守っているか オートレイアウトになっているか
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
デザインは その過程を他者と共有できる デザインのデザイン 原研哉
Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato