Interactive Design for Web Technology

The difference between “user interaction” and “user experience”

User interaction is how someone actually uses your product. So for an example, in the context of mobile apps, it includes details like:

 ·         Icons with images that are recognizable,

 ·         Using already accepted elements of design

 ·         Making sure the “touch points” are the appropriate size and location (i.e. the on-screen button isn’t too small for someone to miss).

User experience, however, is more subjective. It includes:

 ·         A person’s perceptions and responses — not just their interactions, but what they perceive;

 ·         The results from the use, or anticipated use (i.e. they may not have used it yet), of the product;

 ·         The actual product, system or service.

Dissecting the mobile user experience into its key components gives us a conceptual framework for building and evaluating good mobile experiences, within the context of a user-centered approach to designing for mobile. These components shape the mobile user experience including:

 ·         functionality

 ·         Information Architecture

 ·         context

 ·         user input

 ·         content and marketing

 ·         usability

 ·         feedback

 ·         social

Perceptions are a big part of user experience, and they don’t just come from what a person sees or feels. They can also be shaped by:

 ·         the specific view of the world that user brings based on past events, knowledge and culture;

 ·         that user’s current mood; and

 ·         recent events experienced by that user.

image 1: a graphical chart for user experience

image 2 : an example image of what is user interaction

Reference:

(2015). Nestrix: user experience and mobile apps. [Online] Available on: http://www.nestrixcorp.com/blog/index.php/user-experience-and-mobile-apps/ [Accessed on: 11 September 2015]

(2015). Web usability talk: designing sites for better interaction. [Online] Available on: http://webusabilitytalk.com/2014/02/17/designing-sites-better-user-interaction/ [Accessed on: 9 October 2015]

image 1:

(2015). Nestrix: user experience and mobile apps. [Online] Available on: http://www.nestrixcorp.com/blog/index.php/user-experience-and-mobile-apps/

image 2 :
(2015). Web usability talk: designing sites for better interaction. [Online] Available on: http://webusabilitytalk.com/2014/02/17/designing-sites-better-user-interaction/