• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Locastyle standards: creating interfaces in an agile, scalable and responsive way
 

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

on

  • 441 views

This theme was presented in Recife (Brazil) 11/14/2013 during ISA-IXDA'13.

This theme was presented in Recife (Brazil) 11/14/2013 during ISA-IXDA'13.
More info: http://locaweb.github.io/locawebstyle

Statistics

Views

Total Views
441
Views on SlideShare
427
Embed Views
14

Actions

Likes
0
Downloads
1
Comments
0

2 Embeds 14

https://twitter.com 13
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • Italo Oliveira • Digital Designer • 12-year-experience on interactive projects, websites, apps, ecommerce, and more… • 2 years of Locaweb, as Visual Design Coordinator Cargocollective.com.br/italoliveira
    • José Cipriano • Musician and marathoner in his free time • Major in International Relations and Marketing • 12 years trying to find out solutions to problems of users • 1 year and a half handling products interfaces of Locaweb zecipriano7 jccipriano jccipriano jccipriano
    • About Locaweb • 15 years • +1000 employees • Hosting & Infrastructure Services leader in Brazil and Latin America • +260 K customers • 25 products (SaaS, PaaS and IaaS)
    • + 2 Million About Locaweb E-mail accounts • 15 years • +1000 employees • Hosting & Infrastructure Services leader in Brazil and Latin America • +260 K customers • 25 products (SaaS, PaaS and IaaS) + 450 K Active Websites + 800 K Domains + 7,5 K Cloud Servers
    • Locaweb UX Team • 10 members • Works directly with Locweb Product Teams • Recently started working with Website and Customer Support Teams
    • WE BELIEVE IN LEAN UX Think • Create the main personas • Identify goals and problems • Formulate hypotheses about interactions Do • Draw, draw, draw • Invite members of the Team to draw • Design wireframes and/or prototypes from the best ideas Test • Show them to the Team and ask feedback • Invite real users and who is near you to test • Adjust the prototype and keep iterating
    • = DEVELOPING STANDARDS
    • WHAT IS OUR PROBLEM? There is no pattern to our product interactions • • • • Difficulty to conduct processes concerning panels implementation UX Team is not close to Front-end Team User Tests? NO WAY! Lack of time to draw and code Panels interfaces
    • LOCASTYLE BOTTOM LINE Customer Workbench  Recently updated Panel  Research and Interview with customers  Personas created  Tests performed with real customers  Easy customization  Easy maintenance  Large number of elements  Scalable
    • BETA PROJECT • Simple and low impact panel • Elements created on demand • Work of co-creation between some members of the UX teams and front-end • Prototyping and test application with users • Ready in 2 months
    • THE EVOLUTION • 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
    • THE EVOLUTION • 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 AND FINALLY… • We released our Library to the GitHub developers community
    • …UP TO NOW: 10 40 +1500 Panels GitHub Projects
    • OUR BENEFITS • Nimble creating of high fidelity prototypes • Helped in the design of new products and the remodeling and improvement of existing ones • Today the user test is included on a daily basis
    • NOT ALWAYS A BED OF ROSES • Responsiveness and Library documentation process were postponed • Some elements did not fit all cases • Not all members of the Team were involved
    • Next steps • • • • • Mobile First UX Library documentation Validating individual and combined elements (mobile first requirement) All members of the Team joined activities of creating elements Co-creation workshops with UX and Front-end Teams