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
330
Other Decks in Technology
See All in Technology
年間一億円削減した時系列データベースのアーキテクチャ改善~不確実性の高いプロジェクトへの挑戦~
lycorptech_jp
PRO
3
2.9k
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
簡単に始めるSnowflakeの機械学習
nayuts
1
190
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
コンテナ・K8s研修 - 後半 Kubernetes 基礎&ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
1
120
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
360
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
4
590
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Into the Great Unknown - MozCon
thekraken
20
1.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Web Components: a chance to create the future
zenorocha
307
41k
Navigating Team Friction
lara
181
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Faster Mobile Websites
deanohume
303
30k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
The World Runs on Bad Software
bkeepers
PRO
63
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