Recommended
More Related Content
Similar to Progress Indicators - Affective Engineering Presentation
Similar to Progress Indicators - Affective Engineering Presentation (20)
More from ByoungHern Kim
More from ByoungHern Kim (16)
Recently uploaded
Recently uploaded (20)
Progress Indicators - Affective Engineering Presentation
- 1. 2018.12.03 KIM BYOUNG HERN DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS
- 2. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS FEELINGS OF PROGRESS INDICATOR ▸When Computer (And smartphone) programs can’t be executed instantaneously (fast enough so the user does not notice a delay), a progress indicator is used to inform user of its condition. ▸Progress indicators?
- 3. PURPOSE ▸How are they different? (when people see different indicator for the same job) ▸When we want to give an intended feelings to user, which design factor is the better one? DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS
- 4. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS AFFECTIVE ENGINEERING PROCESS 1. Collect information about progress indicator. ( from related paper, journal, UI/UX guidelines ) 2. Classify adjectives and select adjective pairs. Most frequently shown adjective pair is “Slow-Fast”. Select top 10 pairs from 27pairs. 3. Categorize and create test stimuli “Linear – Circular” characteristic was mainly considered. ( featured by animating and looping )
- 5. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS AFFECTIVE ENGINEERING PROCESS 1. Collect information about progress indicator. ( from related paper, journal, UI/UX guidelines ) 2. Classify adjectives and select adjective pairs. Most frequently shown adjective pair is “Slow-Fast”. Select top 10 pairs from 27pairs. 3. Categorize and create test stimuli “Linear – Circular” characteristic was mainly considered. ( featured by animating and looping )
- 6. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS COLLECTING ADJECTIVES ▸Journals, Famous UX/UI guidelines, Papers ▸Slow - Fast ▸Uncomfortable - Comfortable ▸Tense - At ease ▸Typical - characteristic ▸Unreliable - reliable ▸Sad - Happy ▸Inefficient - Efficient ▸Complex - Simple ▸Strange - Familiar ▸Disinterested - Hopeful
- 7. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS AFFECTIVE ENGINEERING PROCESS 1. Collect information about progress indicator. ( from related paper, journal, UI/UX guidelines ) 2. Classify adjectives and select adjective pairs. Most frequently shown adjective pair is “Slow-Fast”. Select top 10 pairs from 27pairs. 3. Categorize and create test stimuli “Linear – Circular” characteristic was mainly considered. ( featured by animating and looping )
- 8. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS SET STIMULI ▸11 Stimuli are generated with following factors Circular Linear Animated Infinite looper
- 9. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 1
- 10. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 2
- 11. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 3
- 12. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 4
- 13. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 5
- 14. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 6
- 15. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 7
- 16. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 8
- 17. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 9
- 18. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 10
- 19. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CASE 11
- 20. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 4. EXPERIMENT ▸Moderated survey 1. Explain experiment and the context (; online submission) 2. Show stimulus 3. Answer 4. Next stimulus (and repeat)
- 21. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT 0 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 1 ▸Analyzing data – Matlab PCA Two principal component ( 89.1% )
- 22. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT
- 23. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT (NAMING) FIRST COMPONENT : INTUITIVE
- 24. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT (NAMING) SECOND COMPONENT : ENJOYABLE
- 25. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT Intuitive and Enjoyable Not Intuitive but Enjoyable Not Intuitive and Not Enjoyable Intuitive but Not Enjoyable
- 26. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CONCLUSION ▸Linear progress indicator is less enjoyable than others. ▸Non-animated progress indicator is always intuitive. ▸“Looping” intensify its feeling. ▸Infinite progress indicator gives negative feelings.
- 27. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT Enjoyable C · P Animated C · P is most enjoyable! Linear Progress Indicator is hard to enjoy. Exception : well animated L · P
- 28. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CONCLUSION ▸Linear progress indicator is less enjoyable than others. ▸Non-animated progress indicator is always intuitive. ▸“Looping” intensify its feeling. ▸Infinite progress indicator gives negative feelings.
- 29. DIFFERENCE OF PERCEPTION BETWEEN PROGRESS INDICATORS 5. RESULT Not Intuitive := Hard to recognize Intuitive := Easy to recognize
- 30. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS CONCLUSION ▸Linear progress indicator is less enjoyable than others. ▸Non-Animated progress indicator is always intuitive. ▸“Looping” intensify its feeling. ▸Infinite progress indicator gives negative feelings.
- 31. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS 5. RESULT Most Enjoyable P · I Most Horrible P·I Actually, Each of them has ”Looping Element”
- 32. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS LOOPING ELEMENTS
- 33. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS AFTER THIS EXPLORING ▸ Finding best progress indicator ▸ Intuitive and Enjoyable Progress indicator? ‣ Circular ‣ Gently-animated ‣ Applying loop-able elements
- 34. DIFFERENCE OF PERCEPTION AMONG PROGRESS INDICATORS REFERENCES ▸ Papers ▸ The importance of Percent-Done Progress Indicators for Computer-Human Interface (ACM SIGCHI Bulletin) ▸ 웨어러블 입력장치의 인터페이스 효율성에 관한 연구 ( KOSES ) ▸ Journals ▸ Progress Indicators in Mobile UX Design ( Online Journals – Medium ) ▸ Rethinking the Progress Bar ( From CMU ) ▸ UI/UX Guidelines ▸ Apple design guide line / Google material design guideline ▸ How To Make Users Think Your App Loads Faster (https://goo.gl/yWXYMW) ▸ 5 aspects of a good user interface (https://goo.gl/QV555J)
- 35. THANK YOU FOR LISTENING.
Editor's Notes
- Hello. I’m 김병헌. I explored for progress indicator and This time I want to share what I know from this research.
- The progress indicator, which appears when computer need a time to execute something heavy, usually inform user of its condition. And, I wanted to know ‘the difference of feelings of progress indicator’. What i mean by this is I think these two indicator have different feeling. do you think so?
- We know there’s many kinds of progress indicator but I want to analyze how are they different and I want to know which is better for specific purpose.
- So, I followed Kansei engineering process. At first, I collected information about progress indicator.
- And then, Classify adjectives and select adjective pairs by counting how many time an adjective appears on related materials.
- These are top 10 famous adjective pairs at the materials of progress indicator.
- And then, With the classified result of second step, I created test stimuli and categorize them into ”Linear – Circular” first. And give some characteristic of animating and looping on that.
- So now, let’s see my stimuli and guess what happen in your mind.
- Experiment was done with eleven participant. They saw stimulus and then answered for 10 adjectives pairs using same computer. And then they went to next stimulus in random order.
- The analyzed data from matlab with pcb is shown these two graph. And I decided to get two principal component.
- This is how stimuli are located. Can you see something? The first principal component which is x axis is closely related with efficient. And the second principal component which is y axis is related with hopeful(행복한) and happy.
- By rearrange stimuli, I can name the first component as ”intuitive”
- And By rearrange stimuli again, I can name the second component as ”enjoyable”
- So I can name each space as you can see, and then I’m going to what is my conclusion.
- At first, Linear progress indicator is less enjoyable than others.
- Circular Progress indicators are located at Enjoyable are without infinite looping one, and the linear progress indicators tend to be located at not enjoyable area.
- And Non-Animated Progress indicator is always intuitive.
- The simplest progress indicator is most intuitive one. And this figure shows that the others are required to effort on recognizing.
- And the last two conclusion are ““Looping” intensify its feeling.” and “Infinite Progress indicator gives negative feelings.”
- This is what I’m interested. The most enjoyable and most not-enjoyable stimuli have infinitely looping element. For example,
- The bubble on the circle, infinitely changing Color variation on the linear curved one. And once again, this are located at the end of enjoyable axis.
- That all for what I explored. And I can try imagine most intuitive and most enjoyable one. Which is Circular tiny-animated containing slight-looping element
- Thanks