Our process-User Experience

 Usability               Interaction
Consulting                 Design



             Interface
              Design
The FC Framework
    Surface


    Skeleton


    Structure

    Scope
                The Surface Layer Describes Finished
                       Visual Design Aspects
    Strategy

3
The FC Framework
    Surface


    Skeleton


    Structure

    Scope
                   The Skeleton Describes Screen Layout
                and Functional Compartments in the Screen
    Strategy

4
The FC Framework
    Surface

                                             task panes
    Skeleton


    Structure
                                     modal dialogs

    Scope
                       modal wizards
    Strategy
                Structure Defines Navigation from
                Place to Place in the User Interface
5
The FC Framework
                        Tasks in Sharepoint
    Surface             • Enter Data
                        • Access data offilne
                        • enter contacts
    Skeleton            • sort information
                        • filter information
                        • aggregate information
    Structure           • graph data
                        • save data
                        • import data
    Scope               • export data
                        • print
                        • …..
    Strategy
                    The Places in the User Interface
6               are Built to Support User Task-Centric
                                 Scope
The FC Framework
                   business goals:
    Surface        • displace competitive products
                   • motivate sale of other
                     integrated products
    Skeleton       • establish file format as default
                     information sharing format
                   • …
    Structure      user constituencies:
                   • Employees
                   • administrators
    Scope          • …
                   usage contexts:
                   • Tablets
    Strategy       • Mobile phones


7
Wireframes

A wireframe is generally a basic
skeleton of an interface. Its
purpose is to plot out the
prioritized blocks of information
on the screen. Colors and
graphics are usually stripped out
to avoid any visual subjective
Interference.
Websites
 This website is for
 an Ngo that takes
 care of health and
 vaccination
 benefits of street
 and slum children.
 It is a call to action
 site hence visually
 has been given the
 treatment of a
 child’s handwritten
 notebook
Tablet Design


   Innovative Home
    screen concepts
Tablet Specification Sheet
Widgets
Mobile Apps

User experience projects

  • 2.
    Our process-User Experience Usability Interaction Consulting Design Interface Design
  • 3.
    The FC Framework Surface Skeleton Structure Scope The Surface Layer Describes Finished Visual Design Aspects Strategy 3
  • 4.
    The FC Framework Surface Skeleton Structure Scope The Skeleton Describes Screen Layout and Functional Compartments in the Screen Strategy 4
  • 5.
    The FC Framework Surface task panes Skeleton Structure modal dialogs Scope modal wizards Strategy Structure Defines Navigation from Place to Place in the User Interface 5
  • 6.
    The FC Framework Tasks in Sharepoint Surface • Enter Data • Access data offilne • enter contacts Skeleton • sort information • filter information • aggregate information Structure • graph data • save data • import data Scope • export data • print • ….. Strategy The Places in the User Interface 6 are Built to Support User Task-Centric Scope
  • 7.
    The FC Framework business goals: Surface • displace competitive products • motivate sale of other integrated products Skeleton • establish file format as default information sharing format • … Structure user constituencies: • Employees • administrators Scope • … usage contexts: • Tablets Strategy • Mobile phones 7
  • 8.
    Wireframes A wireframe isgenerally a basic skeleton of an interface. Its purpose is to plot out the prioritized blocks of information on the screen. Colors and graphics are usually stripped out to avoid any visual subjective Interference.
  • 9.
    Websites This websiteis for an Ngo that takes care of health and vaccination benefits of street and slum children. It is a call to action site hence visually has been given the treatment of a child’s handwritten notebook
  • 10.
    Tablet Design Innovative Home screen concepts
  • 11.
  • 12.
  • 13.