alten calsoft labs - ux engineering services
DESCRIPTION
Specialized in usability and user interface design, our User Experience creates optimized interfaces for a better user experience.TRANSCRIPT
Usability and Interfaces Design Lab
“Technology agnostic”“Innovative
interfaces”
“Process Driven”“Multi-screen,Multi-devices”
Copyright © 2014 Calsoft Labs
Content
UX Engineering Services
UX Engineering Process
Success Stories
Copyright © 2014 Calsoft Labs
Calsoft Labs’ User Experience Specialized in usability and user interface design, our User
Experience creates optimized interfaces for a better user experience.
ALTEN Calsoft Labs’ User Experience allows its customers to develop users loyalty thanks to an optimized design and usability : efficiency, effectiveness and subjective satisfaction.
Copyright © 2014 Calsoft Labs
UX Engineering - What we bring to the table
■ Strength in Understanding Business
■ Complete Range of services
• Design Research, Planning, UI Design & Prototype, Documentation, Go to market strategy
■ Technological capabilities
• Rich Media Technologies, such as AJAX, Flex, Flash Actionscript, Ruby on Rails, Silverlight and AIR.
• HTML5, CSS 3, Javascript and open libraries such as GWT, Jquery (UI & Mobile), YUI, EXTJS
• Adobe, Corel and Autodesk softwares, multimedia and development Products
■ Reusable UI components
• Reduce development and QA time frame
■ On-going implementation support
Copyright © 2014 Calsoft Labs
UX Engineering - Complete Range of Services
UX
Engineering
Services
Research & Analysis
IA & UI Design
Prototypes Process Integration
Technical Documentation & Product
Support Systems
Business Communicati
on
UX Engineering Services UX Strategy Services Design & Usability Creative Design & Branding Architecture & Development
Copyright © 2014 Calsoft Labs
Content
UX Engineering Services
UX Engineering Process
Success Stories
Copyright © 2014 Calsoft Labs
UX Engineering Role & Responsibilities
• UI Architect• User Studies• User Validation• Business Process
Design• UI Architecture
Listening
• UI Designer• User Interface Design• Interaction Design• Branding & Visual
Design• Information Design
Discovering• UI Developer
• Presentaion Layer• Cleint-side Technologies• Server-side
Techonologies
Developing
Copyright © 2014 Calsoft Labs
UX Engineering Development Process
Readiness Workshop
• [2 days]
Modular UI Design
• [SPRINT 1 - 4 Weeks]
Funtional Prototype
• [SPRINT 2 - 6 weeks]
Production Code
• [SPRINT 3 - 4 Weeks]
Optional Sprints
Calsoft Labs Agile Design Workflow
Copyright © 2014 Calsoft Labs
Process Overview
New Meaning
3. Applied
Ethnography
2. Focus Groups
4.
Emph
atic
Desig
n
5. Beta Testing
6. New
Meaning
1. Q
uanti
tativ
e An
alys
is
“Discovering Innovations”
Interpreting“Understanding Needs”
Listening
Capability in understanding customer needs in the context of use and playing an active role as an user
Addressing
“Co-Developing Innovations”
Copyright © 2014 Calsoft Labs
Talk about Innovation
Functionality(Technology)
Sense/Style(Form/Feeling)
Calsoft Labs Engineering expertise coupled with UI design experience fuels both dimensions of Innovation, when it comes to Design Management
People NeedsDimensions of Innovation
Meanings = Symbolic / Emotional meaning
Copyright © 2014 Calsoft Labs
Everything has meaning
■ Calsoft Labs UI practice strongly believes that every thing has meaning.
■ Identifying meaning, sense, form, style is the key aspect of any design management Process.
■ Persona Identification tries to provide some structure to understanding of meaning.
■ Persona identification is like market segmentation, but based on meaning.
“A lot of times, people don’t know what they want until you show it to them”. – Steve Jobs
Consumer focus groups most of the time fail to express the meaning directly, so we use them carefully!
Copyright © 2014 Calsoft Labs
Different ways of understanding
■ Brainstorming sessions to understand the stakeholders requirement.
■ Studies on customer support - emails, logs, forums to understand FAQ and the show stoppers of the applications
■ Walk the talk with different stakeholders (differing samples)
■ Go through the daily activity list of each type of users and define the navigation structure for each users and the dashboard. (Interface design specifics)
■ Questionnaires (Both Open & Closed)
■ A day with the User – Observations & interactions
■ Crowd Sourcing
Copyright © 2014 Calsoft Labs
Empathic Design – Persona identification■ Gives attention to users feeling
■ Complements the market research/Qualitative approach
■ Brainstorming – Cross functional team
■ UI/Frontend Designer
■ Backend expert
■ Connector/ Neutral Observer
■ Typical output at this stage are
■ Persona identification / Segment identification (if not done prior)
■ Feedback on customer’s segmentation
■ Feedback on functionality requirements
■ Wireframes
■ Misc brainstorming feedbacksTalk, Listen, Watch, Measure, Experience …Reflect & Co-Research
Copyright © 2014 Calsoft Labs
Content
UX Engineering Services
UX Engineering Process
Success Stories
Copyright © 2014 Calsoft Labs
Online Survey
Group Discussion
Survey QuestionnaireUsability testing
Understanding Needs
Discovering Innovations
User Interface Design and Branding
Healthcare Management System
Wireframe
Axure based interactive wireframe
Copyright © 2014 Calsoft Labs
New Meaningo User level priority based
navigation groupingo Followed User interface guidance
for healthcare web applicationso Dashboard for each type of users
based on the frequency of usage.o User friendly verbal Alerts and
Notifications and labelso Across all platforms and devices
Old Meaningo All way of grouping and defining
the screeno Desktop Applicationo Inconsistency in navigationo Standards not followedo Multiple screens for accomplishing
a single tasko Windows platform dependency
Healthcare Management System
Copyright © 2014 Calsoft Labs
Online Survey
Group Discussion
Survey QuestionnaireUsability testing
Understanding Needs
Discovering Innovations
User Interface Design and Branding
Enterprise Applications – ERP Application Interface
Copyright © 2014 Calsoft Labs
New Meaningo Groupedo Preference based
screens/dashboardso Need basedo Focus on task/actionso Alerts and Notificationso Any deviceo Anywhere
Old Meaningo All in one screeno Technicalo Focus on informationo Pop upso Multiple screenso Open to every oneo PC platform
ERP Application interfaces –Discovering meaning
Copyright © 2014 Calsoft Labs
Online Survey
Group Discussion
Survey Questionnaire
Card Sorting
Understanding Needs
Discovering Innovations
User Interface Design and Branding
Mobile Application Development
Task Analysis & flow
Copyright © 2014 Calsoft Labs
New Meaning in Usabilityo Grouped the activitieso Prioritize based on User
Needo Focus on task/actionso Alerts and Notificationso Touch based navigation
Mobile Application Development Discovering meaning
Same UI designed across all platforms – desktop, tablets and Mobiles
New Meaning in Technologyo HTML 5 / CSS 3 based User interface
Designo Jquery Mobile touch and custom UI
controlso Across all Platforms – Apple iOS,
Google Android, Windows Phone 7, BlackBerry and more.
o Across all Devices –Desktop, tablets, mobiles and touch based devices
o Across all major screen resolutions – 1024 * 768, 480 * 320, 480*800 etc…
Copyright © 2014 Calsoft Labs
RIA Application - Genomic Viewer
Copyright © 2014 Calsoft Labs
RIA App – Healthcare Digital Content Publishing
Copyright © 2014 Calsoft Labs
SAMPLE UI
Copyright © 2014 Calsoft Labs
Vehicle Tracking
24
Copyright © 2014 Calsoft Labs
RFQ System
25
Copyright © 2014 Calsoft Labs
ERP Solutions
26
Copyright © 2014 Calsoft Labs
e-Commerce Site
27
Copyright © 2014 Calsoft Labs
Thank You