Our process-User Experience

Usability Consulting

Interface Design

Interaction Design

3

The Surface Layer Describes Finished Visual Design Aspects

Surface

Skeleton

Structure

Scope

Strategy

The FC Framework

4

The Skeleton Describes Screen Layout and Functional Compartments in the Screen

Surface

Skeleton

Structure

Scope

Strategy

The FC Framework

5

Structure Defines Navigation from Place to Place in the User Interface

task panes

modal dialogs

modal wizards

Surface

Skeleton

Structure

Scope

Strategy

The FC Framework

6

The Places in the User Interface are Built to Support User Task-Centric

Scope

Tasks in Sharepoint• Enter Data • Access data offilne• enter contacts• sort information• filter information• aggregate information• graph data• save data• import data • export data• print • …..

Surface

Skeleton

Structure

Scope

Strategy

The FC Framework

7

business goals:• displace competitive products• motivate sale of other

integrated products• establish file format as default

information sharing format• …user constituencies:• Employees• administrators• …usage contexts:• Tablets• Mobile phones

Surface

Skeleton

Structure

Scope

Strategy

The FC Framework

Wireframes

A wireframe is generally a basicskeleton of an interface. Itspurpose is to plot out theprioritized blocks of informationon the screen. Colors andgraphics are usually stripped outto avoid any visual subjectiveInterference.

WebsitesThis 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