Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Interaction Design Roadmap
1. +
HCI & INTERACTION DESIGN (IxD)
Roadmap and Gap
By Mohd Syaheezam Asyraq Yamin
2. + Objective
To identify HCI foundation and gap
within current organization
Projection the right direction for HCI
implementation
Interaction Design Introduction
Identify competencies/skill sets
required
3. + Definition
HCI is the study of interaction between
people (users) and computers
4. + HCI Goal :
To optimize the user interaction with the
system/Environment, so that it supports and extends
the user’s activities in useful, efficient, and usable
ways
Succesful HCI designs = affective HCI designs
Affective HCI designs measured by :
Aesthetics characteristics (how excellent, cute etc)
Usability characteristics (how frustrating or pleasing to
work with the system).
5. + Origin of HCI
COMPUTER
SCIENCE
COGNITIVE
PHYCHOLOGY
FINE ARTS
DESIGN
HCI
7. + Current MHFD
VISUAL
DESIGN
- Interface Design
- Navigation Design
- Application Design
- Website Design
HCI
Industrial
Design Electrical
Engineering
Mechanical
Engineering
The Discipline of User Experience by Dan Saffer (2008)
8. + Gap
HUMAN
FACTOR
USER EXPERIENCE DESIGN
INTERACTION
DESIGN
VISUAL
DESIGN HCI
Sociology
Cognitive
Science
Psychology
The Discipline of User Experience by Dan Saffer (2008)
10. UCLC/Ethnogr
aphy
• Study on user
requirement
• Functional
requirement
• Usability
Cognitive
GUI
• Wireframe
• Metaphors
GUI
• UCD
Compliance
Interface
• Functional
Aesthetics
Interaction
Design
• Personas
• Design
Scenario
• Interactive
Prototypes
Interaction
Installation
• Natural User
Interface (NUI)
• Gestural Interaction
• Tangible Interaction
• Brain Interaction
Service
Design
• User Journey
Map
• Design
Ecosystem
• Total UX
HCI Roadmap (5 years)
2011 2012 2013 2014 2015
• IVLS
• EKMS
• Mi-MZONE
• MIMOS
Website
• iDOLA
• MCPC
• PDRM • Health
• Transportation
• SOCSO
LIST OF CURRENT & POSSIBLE FUTURE PROJECTS
(Touch Surfaces,
Computer Vision
Technique,
Wiimote, Kinect,
MoCap)
11. Interaction Design (IxD)
Designing interactive products to support people in their everyday lives .
Creating user experience that enhance and extend the way people work,
communicate and interact.
1 2 3
USER NEED PERSONAS SCENARIO
INTERACTIVE
PROTOTYPE
4DISCOVER DEFINE DESIGN DELIVERY
INTERACTIVE
INSTALLATION
12. Interaction Implementation
Interaction implementation consists of technical production, which includes
both software development and physical development. It’ll targeted all possible
current and future interaction approach.
1 2 3 4Gestural
Interaction
Tangible
Interaction
Natural User
Interface
Brain
Interaction
Brain Computer
Interface
Mind Machine
Interface
Touch Surfaces
Computer Vision
MoCap
Kinect
Siri
WiiMote
13. Service Design (SD)
Service Design focuses on customer experience and the quality of service
encountered as the key value for success
1 2 3
USER
EXPERIENCE
ENVIRONMENT
THEMES
OPPORTUNITIES
TOUCH POINT
CONCEPTS
ENGAGEMENT
PROTOTYPING
VALIDATION
4DISCOVER DEFINE DESIGN DELIVERY
TANGIBLE &
INTANGIBLE
14. + Interaction Design (IxD)
Designing interactive products to support people in their
everyday lives.
Creating user experience that enhance and extend the way
people work, communicate and interact.
15. + Interaction Design (IxD)
HOW -
Understand user’s needs and goals
Designing tools for users to achieve those goals
Envisioning all states and transitions of the systems
Considering limitation of the user’s environment and technology
16. + Interaction Designers
Interaction Designers strive to create meaningful
relationships between people and the
products and services that they use, from computers to
mobile devices to appliances and beyond.
48. + Gestural Interaction
TOUCH SURFACES
(Singer fingers)- http://vimeo.com/12010952
Interactive tables
Touch Wall @ Eartes
COMPUTER VISION
BES Interactive Video Wall -
http://www.youtube.com/watch?v=ijrZQbSOONQ
Sketchsynth - http://vimeo.com/42053193
All Eyes On You - https://vimeo.com/33186969
Knee Deep - https://vimeo.com/8805152
49. + Gestural Interaction
Wii
Wii Drum - http://vimeo.com/2406224
KINECT
Yscope Medical Interface-
http://www.youtube.com/watch?v=91F6zErnCrs
Control the Humanoid Robot -
http://www.youtube.com/watch?v=w8BmgtMKFbY
Make the Line Dance - http://vimeo.com/21308228
LEAP MOTION - https://leapmotion.com/
50. + Gestural Interaction
MoCAP –
(Singer fingers)- http://vimeo.com/12010952
Interactive tables
Touch Wall @ Eartes
COMPUTER VISION –
BES Interactive Video Wall -
http://www.youtube.com/watch?v=ijrZQbSOONQ
Sketchsynth - http://vimeo.com/42053193
All Eyes On You - https://vimeo.com/33186969
Knee Deep - https://vimeo.com/8805152
51. + Tangible Interaction
http://tangible.media.mit.edu/projects/
Sample Interaction :
Birds on Paper
Tangible interfaces - give physical form to digital information, employing physical
artifacts both as representations and controls for computational media
52. + Tangible Interaction
http://tangible.media.mit.edu/projects/
Sample Interaction :
Reactable - http://www.youtube.com/watch?v=Mgy1S8qymx0
Little Box - https://vimeo.com/45704273
Birds on Paper
Skube - http://vimeo.com/49343337
53. Brain Interface
BCI (Brain Computer Interface) or MMI (Mind Machine Interface)
Using brain signals to interact with computers.
54. Brain Interface Interaction
Brainwave beats - http://blog.makezine.com/2011/05/05/collins-
labbrainwave-beats
Mind Control of Lego NXT Telepresence Robot -
https://www.youtube.com/watch?v=nX741DZw8l4
55. Wearable Computing
Wearable computing is the study or practice of inventing, designing, building, or
using miniature body-borne computational and sensory devices.
56. Wearable Computing
Google Project Glass-
https://www.youtube.com/watch?v=9c6W4CCU9M4
Kukkia- http://www.youtube.com/watch?v=R5fd6AwGMhg
See U in my Tee - http://wearable-technology.blogspot.pt/
58. Physical Computing
reaDIYmate- http://www.readiymate.com
Piano playing stairs - http://www.youtube.com/watch?v=DuNWkKBokts
Lego Mindstorms NXT
What the phonics - https://vimeo.com/45747333
59. Digital Public Display
Public displays have been used to broad information from one active
source to millions of passive receivers
60. BBc Billboard- http://www.bbc.co.uk/blogs/theeditors/2007/06/
Honda Interactive Billboard -
http://www.youtube.com/watch?v=OudaJGtwdQ8
Mini Billboard Interactive -
http://www.nytimes.com/2007/01/29/business/media/29cooper.html
Digital Public Display
61. Mobile Computing
Mobile computing is human–computer interaction by which a computer is
expected to be transported during normal usage.
62. Mobile Computing
GPS Drawing- http://www.gpsdrawing.com/gallery.html
Mobile mobile - http://vimeo.com/8118881
63. NOVICE QUALIFIED PROFICIENT EXPERT
Design Research Handling basic
research methods
Conducted Interview with
users/stakeholders
Design Collaboration
with stakeholders
Handling Focus group/ Full scales ethnographic studies
Modelling Understand basic
modelling
principles
Creating Personas
process
Expert in creating
Ecosystems/identify patterns
Expert in mental model
Scenarios Understands
narrative
Creating scenario
process
Design exploration User Experience Specialist
Signature
Interaction
Sketching the
Interaction
Prototyping the
interaction using digital
format
Prototyping the interaction
using Flash/Html 5
Prototyping the interaction using
native language
IxD Skill Sets
64. 2013 2014 2015 2016 2017
Key Initiatives
Basic knowledge in
IxD
Fundamental
Principles
Interaction
Development
Establish Reputation in
IxD local industry
Establish Reputation in
IxD International
industry
Interaction Design Centre
of Excellence
Tools
Improvement
• Intel-based
Macintosh G5
• Mobile kits
Development
• Mobile devices
• Upgrade software and
hardware
• Upgrade software
and hardware
• Setting up of fully
Interaction Design Lab
Skill
Development
• Goal Directed
Design
• Training in Persona
Development
• Native Application
Development (iOS and
Android)
• Training in Signature
Interaction/ Design
Simulation
• Native Application
Development (iOS and
Android)
• SDK Training
• Native Application
Development (iOS and
Android)
• Publish apps in
Github
• Interaction Design
Specialist
Internal
Participation
• Support all projects
that need interaction
design
• Submission to local
mobile
conference/competitio
n
• Support all projects
that need interaction
design
• Submission to local
mobile
conference/competition
• Support all projects
that need interaction
design
•Submission to local
mobile
conference/competitio
n
• Support all projects
that need interaction
design
•Submission to local mobile
conference/competition
• Support all projects that
need interaction design
External
Participation
•Visit exhibition in
software development
agencies
•Participation in
external IxDA
conferences
•Participation in external
IxDA conferences –
paper presentation
• Participation in
external IxDA
conferences – paper
presentation
•Participation in external
IxDA conferences –
Speakers
Manpower
•Total : 1 • Total : 3 • Total : 4 • Total : 5 • Total : 6
Domain Experts
• 1 Interaction
designer (Generators)
• 1 Interaction
Designers
(Synthesizer)
• 1 UX Planner
•1 Front End
Engineers (native
apps)
• 1 Senior Interaction
Designers
•1 UX Designer
• 1 Interaction
Specialist
• 1 User Experience
Specialist
• 1 Principal Interaction
Designers
IxD Roadmap (5 years)
Why we need HCI? Human-Computer Interaction is the main contributor to user experience design because of its emphasis human performance aspect .
Ux = Person’s experience with the system including the interface, graphics, industrial design, physical interaction, and the manual.
Return to Purity and Honest in Visual Interaction Experiences
Focus more on content rather than chrome
Authentic digital Experiences
Potion
Frog
Cooper
Potion is a design and technology firm specializing in interactive experiences.
Potion
Frog
Cooper
Potion
Frog
Cooper
Potion
Frog
Cooper
Potion
Frog
Cooper
Potion
Frog
Cooper
Potion
Frog
Cooper
Potion
Frog
Cooper
Potion
Frog
Cooper
Founded by graduates of the MIT Media Laboratory, Potion is a design and technology firm specializing in interactive experiences. Potion’s strength lies in the creation of aesthetic solutions that utilize the most recent technologies available.
Potion seeks to expand the language of interaction design. We work tirelessly with our clients and always push ourselves to break new ground. Never satisfied to replicate experiences, Potion researches new technologies, new modes of interaction, and continually invents new ways of making things work.
Founded by graduates of the MIT Media Laboratory, Potion is a design and technology firm specializing in interactive experiences. Potion’s strength lies in the creation of aesthetic solutions that utilize the most recent technologies available.
Potion seeks to expand the language of interaction design. We work tirelessly with our clients and always push ourselves to break new ground. Never satisfied to replicate experiences, Potion researches new technologies, new modes of interaction, and continually invents new ways of making things work.
Founded by graduates of the MIT Media Laboratory, Potion is a design and technology firm specializing in interactive experiences. Potion’s strength lies in the creation of aesthetic solutions that utilize the most recent technologies available.
Potion seeks to expand the language of interaction design. We work tirelessly with our clients and always push ourselves to break new ground. Never satisfied to replicate experiences, Potion researches new technologies, new modes of interaction, and continually invents new ways of making things work.
Most planar,rectangular,glass surfaces
Fingers/hand
2D movements
Wii – use bluetooth , IR sensor for pointing,Accelerometer sensor to sense movement
3d movement, rotation
Xbox – depth camera – sense the distance each pixel to camera
Leap Motion – New controller for hand interaction
MoCap - High-speed infrared cameras detect markers
placed on actor's body – Highly accurate gestures
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
BCI (Brain Computer Interface) or MMI (Mind Machine Interface)
Using brain signals to interact with computers.
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
Wearable computing is the study or practice of
inventing, designing, building, or using
miniature body-borne computational and
sensory devices. Wearable computers may be
worn under, over, or in clothing, or may also
be themselves clothes"
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
Wearable computing is the study or practice of
inventing, designing, building, or using
miniature body-borne computational and
sensory devices. Wearable computers may be
worn under, over, or in clothing, or may also
be themselves clothes"
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
Digital displays located in public areas, allowing anyone to
see/interact with them
• Traditionally, public displays have been used to broad
information from one active source to millions of
passive receivers
• Digital public displays can change this
o Turning receivers into active receivers
o Supporting dynamic locally relevant information
o Supporting user-generated content (many to many
content distribution)
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
Digital displays located in public areas, allowing anyone to
see/interact with them
• Traditionally, public displays have been used to broad
information from one active source to millions of
passive receivers
• Digital public displays can change this
o Turning receivers into active receivers
o Supporting dynamic locally relevant information
o Supporting user-generated content (many to many
content distribution)
Tangible interfaces - give physical form to digital
information, employing physical artifacts both as
representations and controls for computational media
The User Experience (UX) Planner/Information Architect acts as an advocate for the end user during all stages of development and site maintenance. They provide expert advice on matters of site organization and navigation, interactive web technologies, usability testing, audience analysis, and social media integration.