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
380
Other Decks in Technology
See All in Technology
自分がLinc’wellで提供しているプロダクトを理解するためにやったこと
murabayashi
1
170
生成AIを活用した野球データ分析 - メジャーリーグ編 / Baseball Analytics for Gen AI
shinyorke
PRO
1
210
claude codeでPrompt Engineering
iori0311
0
520
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
200
大規模イベントを支える ABEMA の アーキテクチャ 変遷 2025
nagapad
5
500
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
580
Shadow DOM & Security - Exploring the boundary between light and shadow
masatokinugawa
0
760
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
360
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
4
520
Turn Your Community into a Fundraising Catalyst for Black Philanthropy Month
auctria
PRO
0
190
robocopy の怖い話/scary-story-about-robocopy
emiki
0
400
生成AIによる情報システムへのインパクト
taka_aki
1
200
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Done Done
chrislema
184
16k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Navigating Team Friction
lara
187
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
GraphQLとの向き合い方2022年版
quramy
49
14k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimizing for Happiness
mojombo
379
70k
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