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
RenderConf: Designing for Complexity
Search
Jade Applegate
April 22, 2016
Technology
1
1k
RenderConf: Designing for Complexity
Presented on April 22, 2016 in Oxford, UK
http://2016.render-conf.com/talks
Jade Applegate
April 22, 2016
Tweet
Share
More Decks by Jade Applegate
See All by Jade Applegate
EmberConf 2016: Redesigning and rewriting our application in Ember.js
jadeapplegate
2
340
Other Decks in Technology
See All in Technology
JTCや セキュリティチェックリストが夢の跡
nikinusu
1
800
Kubernetesって何? -大規模なKubernetesを運用するKubernetes as a Serviceチームの話を添えて-
lycorptech_jp
PRO
3
1k
Fediverse Discovery Providers overview
andypiper
0
170
より快適なエラーログ監視を目指して
leveragestech
4
1.5k
効果的なオンコール対応と障害対応
ryuichi1208
6
3.1k
Technical Writing Meetup vol.35
soracom
PRO
2
130
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
46k
ネットワークだけ隔離されたコンテナ作成デモ / Kichijoji.pm36
tenforward
1
250
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
230
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
510
Segment Anything Model 2
tenten0727
3
720
Jetpack Compose Modifier 徹底解説 / Jetpack Compose Modifier
wiroha
0
210
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
48
7.1k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Optimizing for Happiness
mojombo
375
69k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
130
Gamification - CAS2011
davidbonilla
79
5k
Faster Mobile Websites
deanohume
304
30k
Teambox: Starting and Learning
jrom
131
8.7k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
Transcript
Designing For Complexity
@jadeapplegate
ABOUT US Customers are the source of real growth with
practical expertise.
122x
10.5x
55x
Improving our UI
Representing technical complexity
Agenda Lessons Learned Improvements Process Rationale
Rationale
Design Complexities • Lack of rich interactions • No consistency
in experience • Missing sense of completion • Outdated, stale site • User not kept in mind • Lack of UX principles Rationale
Engineering Complexities • Hard to quickly make changes • No
test coverage • Lack of code consistency • Needed modern architecture • Ownership issues • Many dependencies Rationale
Approach Full rewrite Design “refresh” Rationale
None
Process
1 6 3 4 5 Develop Prototype Refine Merge &
Release UX Interviews 2 Design Sessions Process
Process UX Interviews INEXPERIENCED USER “You just upgraded your servers
to use better security and you want to make sure your communication between backend servers and cache servers is over TLS. How would you set it up?”
Process UX Interviews ADVANCED USER "Set up and activate a
typical service and tailor the cache performance to your specific needs."
Process Design Feedback Sessions Designers + Product + Engineering Incorporate
feedback into designs
Process Rapid Prototyping Engineer + Designer Collaborate Proof of Concept
Process Development Engineer Fully implemented feature
Process Refinement Engineer + Product + Design Final tweaks to
look and feel
Process Merge & Release Engineer + Product Code reviewed, merged,
deployed Release notes to customers
Improvements
Major & Minor Improvements
Colors Minor Improvement
Buttons Minor Improvement
Icons Minor Improvement
Help Text Minor Improvement
Link to documentation Minor Improvement
Sensible Defaults Major Improvement
Visual Hierarchy Major Improvement
Best Practices Major Improvement
Sense of Completion Major Improvement
Lessons Learned
Users don’t understand your site as much as you do!
Lessons Learned
Understand the problems you are trying to solve. Lessons Learned
Be realistic about the scope of your project. Lessons Learned
Keep your users in mind, always. Lessons Learned
Give users autonomy, but provide help where needed. Lessons Learned
Wrap Up
Questions? Tweet at me! @jadeapplegate