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 • It’s 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@greenstechnologys.com