Locastyle standards: creating interfaces in an agile, scalable and responsive way

  • View
    471

  • Download
    1

Embed Size (px)

Transcript

PowerPoint Presentation

Italo OliveiraDigital Designer12-year-experience on interactive projects, websites, apps, e-commerce, and more2 years of Locaweb, as Visual Design CoordinatorCargocollective.com.br/italoliveiraJos CiprianoMusician and marathoner in his free timeMajor in International Relations and Marketing12 years trying to find out solutions to problems of users1 year and a half handling products interfaces of Locaweb

zecipriano7jcciprianojcciprianojcciprianoAbout Locaweb15 years+1000 employeesHosting & Infrastructure Services leader in Brazil and Latin America+260 K customers25 products (SaaS, PaaS and IaaS)+450 KActive Websites

+2 MillionE-mail accounts

+7,5 KCloudServers

+800 KDomains

About Locaweb15 years+1000 employeesHosting & Infrastructure Services leader in Brazil and Latin America+260 K customers25 products (SaaS, PaaS and IaaS)Locaweb UX Team10 membersWorks directly with Locweb Product TeamsRecently started working with Website and Customer Support TeamsWE BELIEVE IN LEAN UXCreate the main personas

Identify goals and problems

Formulatehypotheses about interactionsDraw, draw, draw

Invite members of the Team to draw

Design wireframes and/or prototypes from the best ideasShow them to the Team and ask feedback

Invite real users and who is near you to test

Adjust the prototype and keep iteratingThinkDoTest

=DEVELOPING STANDARDSWHAT IS OUR PROBLEM?Difficulty to conduct processes concerning panels implementationUX Team is not close to Front-end TeamUser Tests? NO WAY!Lack of time to draw and code Panels interfaces

There is no pattern to our product interactionsRecently updated PanelResearch and Interview with customersPersonas createdTests performed with real customersLOCASTYLE BOTTOM LINEEasy customizationEasy maintenanceLarge number of elementsScalableCustomer WorkbenchSimple and low impact panelElements created on demandWork of co-creation between some members of the UX teams and front-endPrototyping and test application with usersReady in 2 months

BETA PROJECT

Remodeling of Email Marketing panel (a core business product of the company)Crucial for creating standards to the next panels+80% of Locastyle elements were created during this projectTHE EVOLUTION

THE EVOLUTIONAND FINALLYWe released our Library to the GitHub developers community

Remodeling of Email Marketing panel (a core business product of the company)Crucial for creating standards to the next panels+80% of Locastyle elements were created during this project

UP TO NOW:10Panels40GitHub+1500ProjectsOUR BENEFITS

Nimble creating of high fidelity prototypesHelped in the design of new products and the remodeling and improvement of existing onesToday the user test is included on a daily basisNOT ALWAYS A BED OF ROSESResponsiveness and Library documentation process were postponedSome elements did not fit all casesNot all members of the Team were involved

Next stepsMobile FirstUX Library documentationValidating individual and combined elements (mobile first requirement)All members of the Team joined activities of creating elementsCo-creation workshops with UX and Front-end Teams