Microintegration Designing For Details And Features

1
MICROINTERACTIONS

• Designing For Details And Features

2
Microinteractions

• Best products do two things well features and
  details. Microinteractions are those details.
• It is a contained product moments that do one
  small task.
• They exist around and inside of features, in
  every app, website, and appliance. 

3
Microinteractions Are Good For

• Accomplishing a single task.
• Connecting devices together.
• Interacting with a single piece of data such as
  the temperature.
• Adjusting a setting.
• Turning a feature or function on or off.

4
Structure of Microinteraction

• A beautifully-crafted microinteraction pays
  attention to all four parts of a microinteraction.

5
Process Of Microinteraction

• TRIGGER
• (initiate)

RULES (Determine Action)
LOOP HOLES (Determine the Meta Rules)
FEEDBACK (Know what Happenigs)
6
Best Practices

• Create a Habit Loop
• Design for Repeated Use
• String Together with a Theme
• Use Animations
• Avoid Unwanted Interactions
• Use Humor for Text

7
Create Habit Loops

• key components of habit loops.
• habit loops work like
• Cue Trigger that initiates action
• Routine Familiar user action
• Reward Reason for completing action

8
 Avoid Unwanted Interactions

• Its a common mistake to overload UIs with
  microinteractions.
• In web design, some common instances
• Transitional animations
• Uploading and downloading
• Animated illustrations that activate on hover

9
Benefits

• Shape and teach users how to interact with site.
• Communicate status, changes, or draw attention to
  certain areas.
• Provide feedback for completed actions.
• Add delightful elements without detracting from
  main experience.
• Strengthen brand identity.
• Meet expectations.

10
FOR COMMUNICATION

• Greens Technologys,
• No.15 First Street,
• Padmanabha nagar, Adyar,Chennai-20.
• Phone(M) 91 98404 96320Phone(L) 044 43511623
• EMail contact_at_greenstechnologys.com