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 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.

9. 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

10. Tablet Design
Innovative Home
screen concepts

11. Tablet Specification Sheet

12. Widgets

13. Mobile Apps