Information Graphics - Method meeting craft
Transcript of Information Graphics - Method meeting craft
![Page 1: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/1.jpg)
Microinteractions.02
India HCI 2016. 7 Dec 2016
Venkatesh Rajamanickam (@venkatrajam)
http://info-design-lab.github.io/
![Page 2: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/2.jpg)
Microinteractions functional categories
1. Notifying and alerting
2. Keeping the context
3. Setting smart defaults
4. Interacting with data elements
5. Writing linking sharing content
6. Preventing human error
![Page 3: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/3.jpg)
1. Notifying and alerting
![Page 4: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/4.jpg)
1. Notifying and alerting
![Page 5: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/5.jpg)
1. Notifying and alerting
![Page 6: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/6.jpg)
1. Notifying and alerting
![Page 7: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/7.jpg)
1. Notifying and alerting
![Page 8: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/8.jpg)
1. Notifying and alerting
![Page 9: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/9.jpg)
2. Keeping the context
![Page 10: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/10.jpg)
2. Keeping the context
![Page 11: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/11.jpg)
2. Keeping the context
![Page 12: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/12.jpg)
2. Keeping the context
![Page 13: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/13.jpg)
2. Keeping the context
![Page 14: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/14.jpg)
2. Keeping the context
![Page 15: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/15.jpg)
2. Keeping the context
![Page 16: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/16.jpg)
3. Setting smart defaults
![Page 17: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/17.jpg)
3. Setting smart defaults
![Page 18: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/18.jpg)
4. Interacting with data elements
![Page 19: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/19.jpg)
4. Interacting with data elements
![Page 20: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/20.jpg)
4. Interacting with data elements
![Page 21: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/21.jpg)
5. Writing linking sharing content
![Page 22: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/22.jpg)
5. Writing linking sharing content
![Page 23: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/23.jpg)
5. Writing linking sharing content
![Page 24: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/24.jpg)
5. Writing linking sharing content
![Page 25: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/25.jpg)
5. Writing linking sharing content
![Page 26: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/26.jpg)
6. Preventing human error
![Page 27: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/27.jpg)
6. Preventing human error
![Page 28: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/28.jpg)
6. Preventing human error
![Page 29: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/29.jpg)
6. Preventing human error
![Page 30: Information Graphics - Method meeting craft](https://reader035.fdocuments.us/reader035/viewer/2022070712/62c4a3abd1559a26145d5ca5/html5/thumbnails/30.jpg)
6. Preventing human error