Usability Day FMH - UX Workshop (1)

Embed Size (px)

Text of Usability Day FMH - UX Workshop (1)

  • www.outsystems.com

    UX @OUTSYSTEMSUsability Day 2015

    0.1

  • www.outsystems.com2 OutSystems. All Rights Reserved 2

    Loureno RodriguesUX @Customer Experiencelourenco.rodrigues@outsystems.com

  • www.outsystems.com3 OutSystems. All Rights Reserved 3

    Ricardo LuizUX / UI Expert Services Leadricardo.luiz@outsystems.com

  • The OutSystems Platform

    Deliver enterprise web and mobile applications. Fast.

    Fast Development of APPs Develop once for all devices Rapid and continuous iteration

    See it at www.OutSystems.com

  • www.outsystems.com5 OutSystems. All Rights Reserved 5

    About OutSystems

  • www.outsystems.com6 OutSystems. All Rights Reserved 6

    Some of our CustomersDifferent Industries, Similar IT Challenges

    http://www.outsystems.com/CustomerManagement/CustomerShow.aspx?CustomerId=496

  • www.outsystems.com OutSystems. All Rights Reserved

    User Experience (UX) is a lot more than pretty interfaces*.

    Poor UX leads to low user adoption, lost sales and costs millions in employee training and support.

    * We can help out to get pretty interfaces as well.

  • www.outsystems.com OutSystems. All Rights Reserved

    UX is Critical!

    The failure of Avon Products $125 million implementation of SAP software is the latest and perhaps most dramatic example of how usability has become a critical issue in the workplace.

    http://blogs.wsj.com/cio/2013/12/11/avons-failed-sap-implementation-reflects-rise-of-usability/

    http://blogs.wsj.com/cio/2013/12/11/avons-failed-sap-implementation-reflects-rise-of-usability/http://blogs.wsj.com/cio/2013/12/11/avons-failed-sap-implementation-reflects-rise-of-usability/

  • www.outsystems.com OutSystems. All Rights Reserved

    UX is Critical!Why you need UX?

    An application which is built without regard to how it will be used is often condemned to suffer from weak user adoption, productivity losses and lost business.

    According to the IEEE, 15% of all projects are abandoned, and of the top twelve reasons projects fail, three are directly related to not getting user experience right.

    At OutSystems were all about Rapid Application Delivery, and usability, so through the last years weve developed a pragmatic approach to UX design to be applied in our agile development projects. Through this approach weve developed hundred of applications with great user experience.

  • www.outsystems.com OutSystems. All Rights Reserved

    Why UX?

    How to create a winning App?

  • www.outsystems.com OutSystems. All Rights Reserved

    Why UX?

    Is it enough to create a pretty interface?

  • www.outsystems.com OutSystems. All Rights Reserved

    Why UX?

    What is usability?

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers Ubiquitous

    Pro-active use of various mediums

    Task-FocusFit to user and its specific tasks

    CognitiveLeverage conventions and learning

    PhysiologicalRespond to how the brain works

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers

    Ubiqu

    itous

    Task-

    Focu

    s

    Cogn

    itive

    Physi

    ologic

    albusiness and user context

    independent

    highly dependent on business and user context

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers Ubiquitous

    Pro-active use of various mediums

    Task-FocusFit to user and its specific tasks

    CognitiveLeverage of conventions and learning

    PhysiologicalRespond to how the brain works

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers Ubiquitous

    Pro-active use of various mediums

    Task-FocusFit to user and its specific tasks

    CognitiveLeverage conventions and learning

    PhysiologicalRespond to how the brain works

  • www.outsystems.com OutSystems. All Rights Reserved

    UX Workshop

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers

    Ubiqu

    itous

    Task-

    Focu

    s

    Cogn

    itive

    Physi

    ologic

    al

    Tools & Frameworks

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

    usab

    ility

    laye

    rs UbiquitousPro-active use of various mediums

    Task-FocusFit to user and its specific tasks

    CognitiveLeverage of conventions and learning

    PhysiologicalRespond to how the brain works

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

    Usability means different thingsfor different users

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

    No Crystal Ball?User Interviews or User Testing

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers Ubiquitous

    Pro-active use of various mediums

    Task-FocusFit to user and its specific tasks

    CognitiveLeverage of conventions and learning

    PhysiologicalRespond to how the brain works

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brain

    Learning ApplicationsPro-active

    Context-aware

  • www.outsystems.com OutSystems. All Rights Reserved

    The UX Brainus

    abili

    ty la

    yers

    Ubiqu

    itous

    Task-

    Focu

    s

    Cogn

    itive

    Physi

    ologic

    al

    highly dependent on business and user context

    UXdesign

  • www.outsystems.com OutSystems. All Rights Reserved

    UX Design

    UXdesign

  • www.outsystems.com OutSystems. All Rights Reserved

    Bus

    ines

    s A

    naly

    sis

    Use

    r Res

    earc

    h

    Wire

    fram

    es

    Vis

    ual D

    esig

    n

    Live

    Sty

    legu

    ide

    Go

    Live

  • www.outsystems.com OutSystems. All Rights Reserved

    Define clear goals

    Understand the business

    Interview main stakeholders

    Review current application(s)

    Get application analytics

    Figure out the different user profiles

    Identify what to ask the users

    Bus

    ines

    s A

    naly

    sis

  • www.outsystems.com OutSystems. All Rights Reserved

    UX ConceptMacro Plan

    Kick-Off Meeting

    Workshop Plan

    Clarify Business Goals

    DAY 1

    Process Data

    App Analytics

    Detailed Analysis

    Vision Document

    DAY 2 DAY 3

    Wireframes development

    Share initial Vision with stakeholders

    DAY 4

    Usability Testing of Wireframes

    with real users

    Wireframes development

    Describe Business Processes

    User Interviews

    App Walkthrough

    DAY 5

    Wireframes review

    Process Feedback

    Vision Presentation

  • www.outsystems.com OutSystems. All Rights Reserved

    Case Study: Real Estate Company

    Profile

    > Big Company

    > In south American country

    > Evaluate, buy, remodel, sell and rent properties

    > Several teams and roles

    > Work in office, on the go and in the properties

    Challenges

    > Work supported by Excel and paper forms

    > A lot of business processes, entities, attributes

    > One Application, multiple roles and devices

    > Work remotely from Portugal

    > Indirect access to end-users (!)

    > 3 days UX engagement

  • www.outsystems.com OutSystems. All Rights Reserved

    3 Days UX ConceptMacro Plan

    Kick-Off MeetingClarify Priorities and UX Scope

    Describe Business Processes

    Initial Questions and Requests

    DAY 1

    Client Meeting

    Q&A

    Process Walkthrough

    DAY 2 DAY 3

    Wireframes development

    Visual Designs Request

    DAY 4

    Presentation Meeting

    Wireframes +

    Visual Designs

    Process Data, Detailed Analysis

    Collect Questions, Ideas, Sketches

    Wireframes development

    Wireframes development

  • www.outsystems.com OutSystems. All Rights Reserved

    Bus

    ines

    s A

    naly

    sis

  • www.outsystems.com OutSystems. All Rights Reserved

    Bus

    ines

    s A

    naly

    sis Property Assessment Form (12 pages)

  • www.outsystems.com OutSystems. All Rights Reserved

    Bus

    ines

    s A

    naly

    sis Seed / sample data

  • www.outsystems.com OutSystems. All Rights Reserved

    Bus

    ines

    s A

    naly

    sis Client mockups

  • CONTEXT IS KING

    Dont learn the business with the usersCreate a context rich environment

    Identify goals and constraints

  • www.outsystems.com OutSystems. All Rights Reserved

    Lets meet the users

    Bus

    ines

    s A

    naly

    sis

    Use

    r Res

    earc

    h

  • www.outsystems.com OutSystems. All Rights Reserved

    UserTechnology

    The car alone will not win any competitions

    without a great fit with its driver

    Use

    r Res

    earc

    h

  • www.outsystems.com OutSystems. All Rights Reserved

    Go to where your users areU

    ser R

    ese