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
300
Other Decks in Technology
See All in Technology
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
160
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
750
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
380
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
460
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
290
MapLibreとAmazon Location Service
dayjournal
1
150
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
120
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
540
VS CodeでAWSを操作しよう
smt7174
7
1.6k
ChatworkのSRE部って実は 半分くらいPlatform Engineering部かもしれない
saramune
0
160
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
210
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
28
6.3k
A designer walks into a library…
pauljervisheath
200
23k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Optimizing for Happiness
mojombo
370
69k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
A Tale of Four Properties
chriscoyier
151
22k
Six Lessons from altMBA
skipperchong
21
3k
Building Applications with DynamoDB
mza
88
5.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
How STYLIGHT went responsive
nonsquared
92
4.8k
Making Projects Easy
brettharned
108
5.5k
What's in a price? How to price your products and services
michaelherold
237
11k
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