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
CarelyのUIデザインで実際にコンポーネントを使用して業務を行ってみて良かった点_悪かった点.pdf
Search
aokitakayukicare
January 16, 2020
Business
1
28
CarelyのUIデザインで実際にコンポーネントを使用して業務を行ってみて良かった点_悪かった点.pdf
aokitakayukicare
January 16, 2020
Tweet
Share
More Decks by aokitakayukicare
See All by aokitakayukicare
CarelyでBuefy使ってみてどうだった_.pdf
aokitakayukicare
0
98
Kubernetesでの_環境構築および_運用フロー構築のはなし.pdf
aokitakayukicare
0
130
Other Decks in Business
See All in Business
株式会社エビリー_会社紹介資料_ビジネス
eviryr_recruit
0
1.2k
エンジニア応募者様向け_会社説明資料_202401
brainpadpr
0
980
AnyMind Group Credential Deck(EN)
anymind
1
73k
勇気を出して コミュニティの仲間になろう / Be Courageous. Be a part of the community!
mitsuriver
1
400
20240314_AnsibleNight_Part2_Ansibleの「きほん」の「き」
uchida0411
0
250
株式会社エビリー_会社紹介資料_エンジニア
eviryr_recruit
0
2.3k
【キャリア採用】BuySell Technologies会社説明資料
buyselltechnologies
2
57k
コーポレートストーリー(新規投資家様向け会社説明資料)
gatechnologies
1
5.6k
コード品質向上タスクの優先順位を判断するために 必要な観点を探究する
mkitahara01985
3
230
Стратегия продвижения сайта в 2024-2025
firstps_ru
1
160k
アッテル会社紹介資料/culture deck
attelu
9
9.7k
株式会社WAKUWAKU 会社説明資料2024/Company Description
wakuwaku
0
250
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
455
32k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.4k
Six Lessons from altMBA
skipperchong
19
2.9k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Documentation Writing (for coders)
carmenintech
59
3.8k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Debugging Ruby Performance
tmm1
68
11k
Transcript
CarelyのUIデザインで実際に コンポーネントを使用して業務を おこなってみて 良かった点・悪かった点 アオキタカユキ
スピーカー紹介 01 東京生まれ。1児の父。好きな芸能人は「伊集院 光」。好きなラ ジオ番組は「伊集院 光 深夜の馬鹿力」。営業職を経て当時の 上 司 から「お
前 パソコン 好 きそうだな」の 一 言 でウェブデザイ ナーの道へ。数 社でウェブデザインと UI/UXデザインを経 験し 「good design」「red dot」など受賞。2018年にiCAREへ入社。 @dorisukeone リードデザイナー アオキタカユキ
• 一覧性を保つよう努める • 普遍的なユーザビリティを提供する • 「一連の行動が終わった」という感覚を与えるような対話をデザインす る • 簡単にやり直しができるようにする •
内部の動きが把握できるようにする まずUIで大事なこと。ある人曰く 02
一連性、一貫性、普遍的な デザインするのが大事 要はこういうこと? 02
UIデザインに適してるデザイン手法 02 アトミックデザイン ⬇ パーツ単位でデザインして、 それらの集合体が完成形
それを意識して業務を行ったら 良かったのか、悪かったのか やっと本題 04
これまで使ってたツール 04
XDで作ったコンポーネントファイル 04
パーツファイル パーツをコンポーネント化して管理 画面ファイル パーツファイルを利用して各機能の画面ファイルを作成 こういうの作ってます 04
制作までの初速が早い すでに画面デザインがあるので修正部分だけにフォーカスできる XD自体がシンプルなツールなので慣れるまでが早い コンポーネントを意識(パーツの使い回しなど)するとXDやfigmaなどのツールを選ばざる おえない。なんでツールを統一できるのでチームの知見を深めやすい フロントと連携が取りやすい コメント機能が地味に便利。デザインを中心にコメントを集約できる。 良かった点 04
悪かった点 04 運用開始までが大変だった 2名のUIデザイナーが全画面をデザインにおこす作業をしたが途中で頓挫した。 →実装画面とビミョーーーにデザイン画面が違うのでデザインを正確におこす必要がな かった(当時)。いまはフロント専属のエンジニアさんがいらっしゃるのでデザインに沿った 実装をしてくれる。 管理が大変 常に実装画面とデザイン画面が最新で同期されていることが理想。なんで棚卸し感覚で 定期的にデザインをチェックすることが大事なのでわ???
まとめ 04 ・ツールはXDかfigmaがいいよ ・コンポーネントはチームでの運用が効果的なので人数に よっては無理にやらなくてもいいかも ・サービスの運用時期、まあ一般的にはリリース初期くらい が一番修正がかかるのである程度落ち着いてからのほう がいいかもね
@dorisukeone