A healthy design consist of adaptable, re-usable chunks and a clear vision. The benefits of developing a usable & living designguide is often overlooked. As a result, many products fail to deliver consistent designs efficiently and loose time-to-market. In large corporations, with many ongoing projects, designers and developers continuously working on the same product, how can UX practitioners prevent delivering an inconsistent user experience leading to less intuitive interactions and duplicate code slowing down page-speed? From a large corporation viewpoint, this session looks at the steps towards creating a consistent and efficient design.
1. ➔ www.steria.no
trim your design
KEEP IT HEALTHY
From a large corporation viewpoint, this session looks at
the steps towards creating a consistent and efficient design
and
How to
2. ➔ www.steria.no
How to trim your design and keep it healthy
@jflusund@jflusund
The steps towards creating a consistent and efficient design
Flickr - Ruth Hartnup
6. We are not designing
pages, we are designing
systems of components.
-Stephen Hay, from Brad Frost´s blog post on Atomic design June 10, 2013.
7. Flickr - Ruth Hartnup
THE MAIN
challenge...
THE MAIN
challenge...
8. TO KEEP THE DESIGN SYSTEM HEALTHY,
DUPLICATE DESIGNS
DUPLICATE CODE HARMING PERFORMANCE
INCONSISTENT USER INTERFACE
used and maintained
The main challenge:
29. Always design a thing by considering
it in its next larger context - a chair in
a room, a room in a house, a house in
an environment, an environment in
a city plan.
-Eliel Saarinen
30.
31. A beautiful design system is about
finding the same balance of consistency
and variety. Too systematic and the
design becomes predictableand repetitive.
Too much variation and the system is
confusing and overwhelming.
-Allison Wagner
33. Content:
Present new Design Chunks
Show new Design results
Share the Design System
Train new users
Activities:
Presentations
Meetups
Designer Days
Video conferences
34. Document and
integrate the process
of iterating on
designs.
MOTIVATE
DEVELOP
STICK
REPEATABLE
make it
make it
35. Flickr - Lesley Fryer
Content:
Findings from revisions
Changes in trends and business
Usability findings
Emerging trends and needs
Activities:
Measure progression in design revisions
Design Managment
Identify re-usable chunks
Iterate on design chunks