Download - Style Framework - SXSW2015
![Page 1: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/1.jpg)
STYLEFRAMEWORKS
COLLABORATIVECREATING
STANDARDS
#STYLEFRAME #SXSW
THE #SXSW UPDATE
![Page 2: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/2.jpg)
My name is Marti Gold. You can find me at @martigold I’m the Managing Director of User Experience for Tonic3. www.tonic3.com | @tonic3com We are a division of W3 Digital Agency www.w3americas.com Offices in Buenos Aires, Sao Paulo and Dallas
MARTI GOLDMANAGING UX DIRECTOR
TONIC3
@martigold@tonic3com
![Page 3: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/3.jpg)
This is usability expert Jared Spool. At a BigD Conference a few years ago, my friend Adam Polanksy came up to me just before Jared Spool’s keynote address, and said, “Jared is gonna make you really mad.”
“Why?” I asked.
“I’ve heard this talk before. Just trust me - he’s gonna make you mad.” And then he walked away.
What Adam knew was that, as the Creative Director for Travelocity, I had been busting my rear end on a new Style Guide for about six months. I was convinced, and had told everyone in the company, that this was TRULY important work — it would cut down churn, give us a more consistent user experience, save development time, etc…
So Jared was breezing along, being very entertaining, and about half way through he began talking about something he called “Rules Based Design” - which he said was usually presented through Style Guides.
Then, in front of ALL my direct reports and colleagues, he said… <click>
![Page 4: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/4.jpg)
–Jared Spool
style guides are createdso thatUNINTENTIONAL DESIGNERS can ACCIDENTALLYcreate great designs.
“
”
In RULE-BASED design,
![Page 5: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/5.jpg)
This was my face. <pause>
But wait, its gets worse. My boss, the person funding all the resources necessary for me to create my Style Guide Masterpiece, was also in the audience.
Jared was kind enough to continue… <click>
![Page 6: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/6.jpg)
I was pretending to be polite and pay attention to him, but inside I was doing this…
“The problem is thatdesign style guides
NEVER WORK.
”PEOPLE STOP
–Jared Spool
USING THEM.
#STYLEFRAME #SXSW
![Page 7: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/7.jpg)
![Page 8: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/8.jpg)
So, on Monday, my new personal TV show was titled, “I’ll Show Him!”
I told everyone Jared was CLEARLY now so far removed from real world, hands-on UX that he was just plain wrong. I managed to re-sell this idea to pretty much everyone.
So we kept working.
THE NEXT DAY WAS TITLED
“I’LL SHOW HIM!”
![Page 9: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/9.jpg)
![Page 10: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/10.jpg)
I was pretending to be polite and pay attention to him, but inside I was doing this…
HOW MANYOF YOU HAVE
#STYLEFRAME #SXSW
USED OR BUILTTHIS TYPE OF
STYLE GUIDE?
![Page 11: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/11.jpg)
I was pretending to be polite and pay attention to him, but inside I was doing this…
![Page 12: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/12.jpg)
I was pretending to be polite and pay attention to him, but inside I was doing this…
DID IT
#STYLEFRAME #SXSW
MAGICALLYMAKE YOUR SITE
CONSISTENT?
![Page 13: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/13.jpg)
MINE
DID NOT.
I HAD TO ADMIT…
![Page 14: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/14.jpg)
JARED WAS
RIGHT
![Page 15: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/15.jpg)
WHY?BUT
#STYLEFRAME #SXSW
![Page 16: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/16.jpg)
NEXT THREE YEARS?
THEQUEST
![Page 17: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/17.jpg)
STYLEFRAMEWORK
BUT ANOT STYLE GUIDE,
#STYLEFRAME #SXSW
![Page 18: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/18.jpg)
#STYLEFRAME #SXSW
![Page 19: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/19.jpg)
RULESTHE
![Page 20: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/20.jpg)
#STYLEFRAME #SXSW
![Page 21: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/21.jpg)
![Page 22: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/22.jpg)
MARKETINGSTYLE GUIDE
UXGUIDELINES
DEVELOPMENT CODE REPOSITORY
COLORS P P PFONTS P P PBUTTONS P P PLINKS P P PPAGINATION P P PNAVIGATION P P PERROR MESSAGES P P Pmore…
![Page 23: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/23.jpg)
IN YOU ORG?OF OVERLAPPING ELEMENTS
PERCENTAGEWHAT’S THE
![Page 24: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/24.jpg)
80%I GUESSED
OVERLAPIN MOST ORGANIZATIONS
![Page 25: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/25.jpg)
THERE’S NO WAYITS THAT HIGH.
“
PROOF?”
#STYLEFRAME #SXSW
![Page 26: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/26.jpg)
are defined in ALL 3 repositories84124 common elements & interactions*
are defined in 2 of the 332ITEMS HAD NO OVERLAP8ONLY
* started with Bootstrap and added items
CHARTTHE
![Page 27: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/27.jpg)
93%THAT IS A
OVERLAPIN DEFINED ELEMENTS
#STYLEFRAME #SXSW
![Page 28: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/28.jpg)
NO CONFLICTS?WHAT ARE THECHANCES OF
![Page 29: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/29.jpg)
0%
![Page 30: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/30.jpg)
SO GUESSWHAT?
CONFLICTS MEAN AT LEAST ONE IS WRONG.
![Page 31: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/31.jpg)
THEY WILL IGNORE THEM.
![Page 32: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/32.jpg)
EVERYONEMARKETINGUSER EXPERIENCE
PRODUCT MANAGERS
ACCESSIBLE TO
DEVELOPERS
OFFSHORE TEAMSEXTERNAL AGENCIESOUTSIDE VENDORS
ONE SOURCE
#STYLEFRAME #SXSW
![Page 33: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/33.jpg)
![Page 34: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/34.jpg)
![Page 35: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/35.jpg)
#STYLEFRAME #SXSW
![Page 36: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/36.jpg)
WHAT DO YOU DO?
YOU HAVE A SPRINT DEMO TOMORROW…YOU MUST KNOW THE COLOR OF THAT BUTTON…
![Page 37: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/37.jpg)
THEEYEDROPPER
STANDARDSKILLER
AKA
#STYLEFRAME #SXSW
![Page 38: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/38.jpg)
READ
BE HONEST….HOW MANY PEOPLEHAVE ACTUALLY
YOUR STANDARDS?
HAVE YOU?
![Page 39: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/39.jpg)
HOLD ONLOOSELY
RULE #3
![Page 40: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/40.jpg)
Logo
#STYLEFRAME #SXSW
![Page 41: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/41.jpg)
“PERFECTION IS UNATTAINBLE”
#STYLEFRAME #SXSW
– Roy McAfee in Tin Cup
![Page 42: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/42.jpg)
#STYLEFRAME #SXSW
![Page 43: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/43.jpg)
#STYLEFRAME #SXSW
ANY“PIXELPERFECTIONISTS”
IN THE AUDIENCE?
![Page 44: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/44.jpg)
![Page 45: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/45.jpg)
WHAT IS THIS?
![Page 46: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/46.jpg)
MODAL?POPUP?
OVERLAY?
POPOVER?
ALERT BOX?
LIGHTBOX?
THE STORY
#STYLEFRAME #SXSW
![Page 47: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/47.jpg)
THEY CODED THIS…
![Page 48: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/48.jpg)
SHE MEANT THIS…
#STYLEFRAME #SXSW
![Page 49: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/49.jpg)
STORIES?
#STYLEFRAME #SXSW
![Page 50: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/50.jpg)
![Page 51: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/51.jpg)
IS THE AUTHORALWAYSRIGHT?
![Page 52: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/52.jpg)
#STYLEFRAME #SXSW
![Page 53: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/53.jpg)
#STYLEFRAME #SXSW
HOW MANY OF
THE RULESDOES YOURSTYLE GUIDE BREAK?
![Page 54: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/54.jpg)
Mine broke ALL of them.
#STYLEFRAME #SXSW
![Page 55: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/55.jpg)
GETTINGSTARTED
![Page 56: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/56.jpg)
LET’S TALK
WHAT MIGHTTHIS LOOK LIKE?
![Page 57: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/57.jpg)
SIMPLE
ORGANIZATION
LESS SIMPLE
WHY?
![Page 58: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/58.jpg)
TOP LEVELLANDING PAGES
SHOW PICTURES!
![Page 59: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/59.jpg)
PAGE MOST VIEWED STUFF
ONEPER STANDARD
LEAST VIEWED STUFF
#STYLEFRAME #SXSW
WHY?
![Page 60: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/60.jpg)
WHAT’S IN?WHAT’S OUT?
![Page 61: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/61.jpg)
“WE’RE GONNAHAVE A MONTAGE”
OR “HOW I LEARNEDTO SOLVE THIS PROBLEM
SPEED READERS GET READY…
![Page 62: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/62.jpg)
GRID
SCAFFOLDINGCOLORSTYPOGRAPHY
MODULE SIZESRESPONSIVE BREAKS
![Page 63: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/63.jpg)
TEXT LINKS
ELEMENTS
LISTSTABLES
BUTTONSCONTAINERS
ICONSDIVIDERS
OTHERS…
![Page 64: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/64.jpg)
SHOW HIDE
INTERACTIONS
ACCORDIONDRAWERMODALS
TOOLTIPS
TABBED PANELS
SCROLL BARS
OTHERS…
SORTINGFILTERING
![Page 65: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/65.jpg)
PAGINATION
NAVIGATION
BREADCRUMBSPREVIOUS-NEXTSEARCH BOXESPROGRESS BARSDROP DOWN MENUSOTHERS…
![Page 66: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/66.jpg)
CONTENT
DATES & TIMESCURRENCYMEASUREMENTSPRICING
TRADEMARKSSPELLING & USAGEOTHERS…
IMAGESCHARTSMAPS
![Page 67: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/67.jpg)
FORMS
FIELD LABELSTEXT FIELDSSELECT LISTSRADIO BUTTONSCHECK BOXESMANDATORY MARKER
OTHERS…
AUTO-COMPLETESTEPPERSGHOST TEXT
![Page 68: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/68.jpg)
ERRORS
FIELD LEVELFORM LEVELPAGE LEVELNULL RESULTSNON-ERROR ALERTS404 PAGES
OTHERS…DISAMBIGUATION
![Page 69: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/69.jpg)
FIXEDITEMS
HEADERSFOOTERSCUSTOMER BARLEGAL TEXTSHOPPING CARTSLOGINOTHERS…
![Page 70: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/70.jpg)
OTHER
EMAIL SPECSMOBILE APPSMEDIA SPECSACCESSIBILITYSEO ISSUESOTHERS…
![Page 71: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/71.jpg)
SITE-WIDESEARCH
![Page 72: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/72.jpg)
WHAT’S ON
EACHPAGE
![Page 73: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/73.jpg)
“WHAT IS THIS?”
BRIEFDESCRIPTION
PICTURE
NAME
FOLD
LAST UPDATED?
WORKINGEXAMPLE
OR
![Page 74: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/74.jpg)
“TELL ME MORE”DETAIL
DESCRIPTION
SPECS
PLATFORMS
RELATED TOPICS
VOCABULARY
![Page 75: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/75.jpg)
“I HAVE TO BUILD THIS”LINKS
TO UX ASSETS
EXAMPLE INPRODUCTION
TO CODE ASSETS
![Page 76: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/76.jpg)
“I WANT TO CHANGE THIS”
OWNERS
ANY OTHERINFORMATION
LINKSTO TEST DATA
& BEST PRACTICE RESEARCH
![Page 77: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/77.jpg)
whew!
![Page 78: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/78.jpg)
THINK BACK…
DID THIS FRAMEWORK EVER
DEFINE A PAGE?
#STYLEFRAME #SXSW
![Page 79: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/79.jpg)
NO
![Page 80: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/80.jpg)
STYLE FRAMEWORKS DEFINE
TOOLS & MATERIALS
A BLUEPRINT FOR DESIGNNOT#STYLEFRAME #SXSW
![Page 81: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/81.jpg)
WHO OWNS IT?
LET’S TALKOWNERSHIP
![Page 82: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/82.jpg)
OWNER
RESEARCHINGWRITINGREPORTING TESTSUPDATING
COMMUNICATIONESCALATION
ANEVERY STANDARDNEEDS
![Page 83: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/83.jpg)
SO… HOW CAN YOU PREVENT
DICTATORSHIPS?
![Page 84: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/84.jpg)
DISTRIBUTEDWORKLOADDATA CENTERMODEL
CONSIDER…
![Page 85: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/85.jpg)
BUSINESS
3USER EXPERIENCE
DEVELOPMENT
OWNERS
#STYLEFRAME #SXSW
FOR EACH STANDARD
![Page 86: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/86.jpg)
#STYLEFRAME #SXSW
![Page 87: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/87.jpg)
DISCUSSIONSTRANSPARENT
ALL COMMENTS AND DECISIONS SHOULD BE OPEN
![Page 88: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/88.jpg)
COMMENTS ARE PUBLICMY SOLUTION?
OWNER RESPONSES ARE ALSO PUBLIC
![Page 89: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/89.jpg)
NO MOREPRIVATE EMAIL DISCUSSIONS CLOSED MEETINGS “FORGOTTEN” CONSULTATIONS
TRANSPARENCY MEANS
![Page 90: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/90.jpg)
WHATPLATFORM?
![Page 91: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/91.jpg)
ONLINE
OUTSIDE FIREWALL
QUICKLY SCANNABLE
MUSTRESPONSIVE
SEARCHABLE
OPEN TO FEEDBACK & MODIFICATION
BE…MAINTAINED BY NON-PROGRAMMERS
REQUIRE MINIMAL DEV SUPPORTCHEAP (OK…. FREE)
#STYLEFRAME #SXSW
![Page 92: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/92.jpg)
SERIOUSLY?
WHY NOT ASK FORWORLD PEACE TOO?
![Page 93: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/93.jpg)
WHAT WOULDYOUUSE?
![Page 94: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/94.jpg)
I CREATE MY STYLE FRAMEWORKS IN
WORDPRESS
EASY TO SET UPEASY TO MAINTAINEASY TO CUSTOMIZENON-CODERS CAN DO ITALL FEATURES BUILT IN
FREE
#STYLEFRAME #SXSW
BECAUSE I’M NOT A DEVELOPER
![Page 95: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/95.jpg)
WARNING
DO NOT REINVENTTHE WHEEL
#STYLEFRAME #SXSW
![Page 96: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/96.jpg)
HOW CAN YOUJUMP START
A NEW STYLE FRAMEWORK?
#STYLEFRAME #SXSW
![Page 97: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/97.jpg)
STYLEFRAMEWORK.COM
![Page 98: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/98.jpg)
HOW DO I GET
BUY IN?BUT….
![Page 99: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/99.jpg)
![Page 100: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/100.jpg)
LAYING THEGROUNDWORK
INSTALL THE TEMPLATEADD YOUR LOGO & COLORSEDIT A COUPLE OF PAGES
![Page 101: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/101.jpg)
THIS PRESENTATIONSTEAL
(ITS ON SLIDESHARE)
![Page 102: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/102.jpg)
KILL EVERYTHINGONE OBJECTION
FIREWALL?
WORDPRESS OBJECTIONS?NO WAY WE’LL REDO EXISTING GUIDES?
DON’T LET
PROPRIETARY INFO?
![Page 103: Style Framework - SXSW2015](https://reader033.vdocuments.net/reader033/viewer/2022051617/55a510921a28ab3d2d8b4594/html5/thumbnails/103.jpg)
THERE CAN BE ONLY ONE.RULE #1
RULE #2YOU ONLY HAVE FIVE MINUTES.
SAY WHAT YOU MEAN.RULE #4
RULE #3HOLD ON LOOSELY.
THINK REPUBLIC, NOT DICTATORSHIP.RULE #5
REMEMBER…
#STYLEFRAME #SXSW