ux ui visual_design research analysis

Upload: hardik-j-amin

Post on 04-Jun-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/13/2019 UX UI Visual_Design Research Analysis

    1/28

    PORTFOLIO.Business Design

    Visual / Experience DesignUser Centered Design HARDIK AMIN

    201.736.7133

    [email protected]

    SMILES FASHION

    Web MarketingVisual Branding

    TM ITALIA

    UX ResearchUser Centered Design

    UNIEURO

    Service Design StrategyUser Centered Design

    SUKRISHI

    Visual UI DesignSystem Analysis

    fashion corporation

    SM I L E S

    SuKrishi

    STATE FARM

    User Experience FlowsInteraction Design

  • 8/13/2019 UX UI Visual_Design Research Analysis

    2/28

    USER CENTERED.Explicitly approaching any opportunity from a system thinking

    perspective and taking a more holistic view of people andbusiness to embed implicit value offerings to daily life. DESIGN THINKING

    To design an interactive service or application, here are some

    tools that allows strategic creativity and visual design!

    User Personas

    Mind Map

    System Map

    Usability Testing

    Customer Journey

    Context Panaroma

    Blue Print

    User Stories

    Story Boards

    Service Design Strategy

    Wireframes

    Experience Prototype

    Agile Development

    Opportunity Map

    Value Propositions

    Actors

    Visual Design

    Interaction Design

    DISCOVER SYNTHESIZE REPRESENT

  • 8/13/2019 UX UI Visual_Design Research Analysis

    3/28

    UNIEURO.

    Service Design Strategy (UNICO)Visual Design and User Experience Concepts DESIGN RESEARCH

    User Centered Design Techniques:

    User Personas and User Stories Visualization (Sketches)

  • 8/13/2019 UX UI Visual_Design Research Analysis

    4/28

    UNIEURO.

    DESIGN RESEARCH

    User Centered Design Techniques:

    User Behavior, Ethnography and Branding

    Service Design Strategy (UNICO)Visual Design and User Experience Concepts

  • 8/13/2019 UX UI Visual_Design Research Analysis

    5/28

    UNIEURO.

    VISUAL DESIGN

    Wireframes:

    Low Fidelity Desktop - Screen Mockups Web Page

    Service Design Strategy (UNICO)Visual Design and User Experience Concepts

  • 8/13/2019 UX UI Visual_Design Research Analysis

    6/28

    UNIEURO.

    VISUAL DESIGN

    Design Concepts:

    Tablet / Phone UX Patterns - Adobe Illustrator / Omnigraffle

    Service Design Strategy (UNICO)Visual Design and User Experience Concepts

  • 8/13/2019 UX UI Visual_Design Research Analysis

    7/28

    UNIEURO.

    SERVICE EXPERIENCE

    Protoyping:

    High Fidelity Visual Design of Screens and Usability- Adobe CS6

    Service Design Strategy (UNICO)Visual Design and User Experience Concepts

  • 8/13/2019 UX UI Visual_Design Research Analysis

    8/28

    STATE FARM.

    USER ASPIRATIONS

    User Experience Flow:

    Analysis of the User Aspiration and Activity Insights- MS Visio

    Interaction Flow Diagrams, Wireframes, User Experience andVisual Stories were used to design multi channel interfaces.

  • 8/13/2019 UX UI Visual_Design Research Analysis

    9/28

    STATE FARM.

    Interaction Flow Diagrams, Wireframes, User Experience andVisual Stories were used to design multi channel interfaces. STORIES

    Checkout Enhancement Stories:

    Sequence of Screens Users will see

    Interaction Flow Diagrams, Wireframes, User Experience andVisual Stories were used to design multi channel interfaces.

  • 8/13/2019 UX UI Visual_Design Research Analysis

    10/28

    STATE FARM.

    INTERACTION FLOWS

    Interaction Flow:

    Report a Loss for Internal Users- Omnigraffle

    Interaction Flow Diagrams, Wireframes, User Experience andVisual Stories were used to design multi channel interfaces.

  • 8/13/2019 UX UI Visual_Design Research Analysis

    11/28

    STATE FARM.

    UX ARCHITECTURE

    Prototype Guide Scenario Flow:

    User Actions and System Reaction Screens- MS Visio

    Interaction Flow Diagrams, Wireframes, User Experience and

    Visual Stories were used to design multi channel interfaces.

  • 8/13/2019 UX UI Visual_Design Research Analysis

    12/28

    STATE FARM.

    UI DESIGN

    Screen Wireframes:

    Responsive UI Design including Mobile / Desktop- Omnigraffle

    Interaction Flow Diagrams, Wireframes, User Experience and

    Visual Stories were used to design multi channel interfaces.

  • 8/13/2019 UX UI Visual_Design Research Analysis

    13/28

  • 8/13/2019 UX UI Visual_Design Research Analysis

    14/28

    STATE FARM.

    UI SPECS

    Visual Design Assets: Reusable Components - Global Modules

    for general UX Interactions

    Interaction Flow Diagrams, Wireframes, User Experience and

    Visual Stories were used to design multi channel interfaces.

  • 8/13/2019 UX UI Visual_Design Research Analysis

    15/28

    design RESEARCH

    Trend Mapping / Cool Hunting: User Centered Design

    Consumer Trends, Technology and Web Design Trends in RetailSMILES FASHION.Web Marketing (Web Interface Design)

    Visual Branding (Label Design)

  • 8/13/2019 UX UI Visual_Design Research Analysis

    16/28

    DESIGN RESEARCH

    Comptetition Mapping: Visual Board

    Different brands are Visually analysed for Design statementSMILES FASHION.Web Marketing (Web Interface Design)

    Visual Branding (Label Design)

  • 8/13/2019 UX UI Visual_Design Research Analysis

    17/28

    SMILES FASHION.Web Marketing (Web Interface Design)

    Visual Branding (Label Design)UX FLOW

    Navigation Experience:

    Sequence of Screens, Overview of UX Architecture and UI Designs

  • 8/13/2019 UX UI Visual_Design Research Analysis

    18/28

    VISUAL DESIGN

    Design Concepts:

    Visual User Interface Renderings for Website design optionsSMILES FASHION.Web Marketing (Web Interface Design)

    Visual Branding (Label Design)

  • 8/13/2019 UX UI Visual_Design Research Analysis

    19/28

    VISUAL BRANDING

    Retail Marketing Touch Point Design: WEB / POS

    Graphic Design of important Branding ElementsSMILES FASHION.Web Marketing (Web Interface Design)

    Visual Branding (Label Design)

    SMILES

    BACK

    FRONT

    all efforts havebeen madetoensure the best quality ofthisgarment.

    www.uniquespectrum.com

    SM

    ILES

    unique

    spectrum

    www

    .uniquespectrum

    .com

    RN #53237style - 6866madeini ndia

    3X

    uniquE SPECTRUM

    Contact: (201) 867-6500

  • 8/13/2019 UX UI Visual_Design Research Analysis

    20/28

    USER RESEARCH

    Context of Use: Ethnography of Space and associated environment

    that acts as the context of use is analysed to generate user storiesTM ITALIA.UX Research

    User Centered Design

  • 8/13/2019 UX UI Visual_Design Research Analysis

    21/28

    USER RESEARCH

    User Personas: As part of the User Centered Design method, user

    groups are created based on personas for their User ResearchTM ITALIA.UX Research

    User Centered Design

    User Personas: As par

    groups are created bas

    UX Research

    User Centered Design

    t of the User Centered Design method, user

    ed on personas or their User Researc

  • 8/13/2019 UX UI Visual_Design Research Analysis

    22/28

    User Stories: Each persona with his/her own activity and aspiration

    as a part of the overall User Experience has specific storiesTM ITALIA.

    USER RESEARCHUX Research

    User Centered Design

  • 8/13/2019 UX UI Visual_Design Research Analysis

    23/28

    UX ANALYSIS

    Opportunity Map: Different issues and problem scenarios from

    ethnographic study are mapped to generate design strategy ideasTM ITALIA.UX Research

    User Centered Design

  • 8/13/2019 UX UI Visual_Design Research Analysis

    24/28

    SERVICE PROTOTYPE

    User Centered Design :

    Wireframing and Screen Renderings for User Experience DesignTM ITALIA.UX Research

    User Centered Design

  • 8/13/2019 UX UI Visual_Design Research Analysis

    25/28

    BUSINESS ANALYSIS

    Service Operation / Business Scenarios : Visually documenting

    business scnearios and touchpoints for user actiivty on InterfaceSUKRISHI. (Competition Project)Visual UI Design (NOKIA N6300)

    System Analysis

  • 8/13/2019 UX UI Visual_Design Research Analysis

    26/28

    ACTORS

    Interaction Design : Supply chain analysis for identifying Actors

    and Interaction between primary actors- Buyers and SellersSUKRISHI. (Competition Project)Visual UI Design (NOKIA N6300)

    System Analysis

  • 8/13/2019 UX UI Visual_Design Research Analysis

    27/28

    ACTIVITY

    Interaction Design : Mapping the user acitivty, business data and

    trigger for business to start for seller and buyer through app UISUKRISHI. (Competition Project)Visual UI Design (NOKIA N6300)

    System Analysis

  • 8/13/2019 UX UI Visual_Design Research Analysis

    28/28