It has been argued that UX standards are just a seductive fantasy. No matter what we do, our carefully-crafted libraries and templates seem inevitably doomed, sacrificed to one-off solutions pushed live in the name of "Agile." Yet we, as designers, continue to find ourselves spending countless hours re-explaining basic interactions and citing best practices. Inevitably, someone will suggest the development of site-wide standards…
And the process begins again.
This session will present Style Frameworks, a new standards format designed to break this cycle. Style Frameworks consolidate visual and coding standards from marketing, user experience and engineering into a single, unified source supported by the entire company. This step-by-step walkthrough will cover everything required to create and effectively maintain a Style Framework. In the end, attendees will be provided a link to download a sample Style Framework they can freely modify and implement right away.
22. THE
120 common elements & interactions*
81 are defined in ALL 3 repositories
31 are defined in 2 of the 3
ONLY8 ITEMS HAD NO OVERLAP
* started with Bootstrap and added items
CHART
50. ONLINE
SCANNABLE
OUTSIDE FIREWALL
MUST
RESPONSIVE
SEARCHABLE
OPEN TO FEEDBACK
BE…
MAINTAINED BY NON-PROGRAMMERS
REQUIRE MINIMAL DEV SUPPORT
CHEAP (OK…. FREE)
90. DON’T LET
ONE OBJECTION
KILL EVERYTHING
FIREWALL?
PROPRIETARY INFO?
WORDPRESS OBJECTIONS?
NO WAY WE’LL REDO EXISTING GUIDES?
91. REMEMBER…
RULE #1
THERE CAN BE ONLY ONE.
RULE #2
INCLUDE ONLY THE ESSENTIALS.
RULE #3
YOU ONLY HAVE FIVE MINUTES.
RULE #4
HOLD ON LOOSELY.
RULE #5
SAY WHAT YOU MEAN.
RULE #6
THINK REPUBLIC, NOT DICTATORSHIP.