Computer 10: Lesson 10 - Online Crimes and Hazards
Locastyle standards: creating interfaces in an agile, scalable and responsive way
2. 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
3. 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
4. About Locaweb
• 15 years
• +1000 employees
• Hosting & Infrastructure
Services leader in Brazil
and Latin America
• +260 K customers
• 25 products (SaaS, PaaS
and IaaS)
5. +
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
6. Locaweb UX Team
• 10 members
• Works directly with Locweb
Product Teams
• Recently started working
with Website and
Customer Support Teams
7. 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
9. 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
10. 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
11. 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
12. 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
13. 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
15. 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
16. 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
17. 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