GUI for Operator Control camila lima, 2009 november december - - PowerPoint PPT Presentation

GUI for Operator Control

camila lima, 2009

Mid-Presentation | Project 1: Professional Product Project

schedule

november paper mill visit introduction research - existing products user analysis tutoring group research ideation/sketching user testing mid-presentation final concept review/developing christmas/new year´s break refinement user testing final presentation brainstorm december january

8th 14th

• portunity

               

   

     

  

      

    

        

     

scenario

user analysis

users’routine

manual (writing) / tacit experience / history analysing (documents) engagment keep in touch time & information update communication / tranfering info displaying information

during shift

monitoring / learning

end shift

exchage info bored / fika / radio / talk go to factory adjustments / controling alarms call maintanance closing lines chack analyse

parameters manuals screen shots screens (computer / analog displays) patterns / trends

begin shift

control panel exchange info cameras trends (relation between parameters)

• ther parameters

alarms 90% time in control room / 10% factory

users’profile

working in groups different nationalities / generations (20-70) different line´s responsibles higher education / special training individual problem´s solving 4 days a week / 12h shift like shortcuts both gender /married or single sitting at least 6h a day problems like arthitis / fingers well group oriented have to de-brief their collegues

brainstorm

design oportunity

share info with others (walk around) user learned behavior simulation on system reward non-visual communication remote controling integration of new analyser into current system keep them engaged

group research

3D: three-dimensional representation of data ambient: entire physical environment as an interface tangible: real objects + multitouch screens results on data info real-time: info is being changed by the time you are looking at it

human factor cognitive flash data visualization focus zone / memory capacity / limitations load on working memory during instruction (new concept x new terminology) learning / inspirational examples (aesthetics + info) data visualization http://ixd1.wordpress.com/

fields

blog

‘Visualization is any technique for creating images, diagrams, or animations to communicate a message. ‘Information Graphics are visual representations of information, data or knowledge. These graphics are used where complex information needs to be explained quickly and clearly. ‘Information Visualization focused on the creation of approaches for conveying abstract information in intuitive ways. Visual representations and interaction techniques take advantage of the human eye’s broad bandwidth pathway into the mind to allow users to see, explore, and understand large amounts

• f information at once.

‘Data Visualization is the study of the visual representation of data. According to Vitaly Friedman (2008)** the “main goal of data visualization is to communicate information clearly and effectively through graphical means. It doesn’t mean that data visualization needs to look boring to be functional

• r extremely sophisticated to look beautiful. To convey ideas effectively, both aesthetic form and

functionality need to go hand in hand(...)”

data visualization

*Vitaly Friedman (2008) “Data Visualization and Infographics” in: graphics, Monday Inspiration, January 14th, 2008. Font: Wikipedia

chosen path

‘(...) while many of these tools are, at this stage, more about experimentation than expertise, they are indicators of the near future where we can make much smarter strategic decisions just by finding some cooler ways to crunch the numbers.‘

http://labs.digg.com/stack/ - 5 different ways of visualizing real-time datas http://www.masonnicoll.com/ms_window_2.html - 3 perspectives of interactive future

http://www.psfk.com/2009/05/media-arts-mondays-data-visualization-tools.html by Frank Striefler and Erik Hanson (TBWA\Media Arts Lab)

inspiration

portable simple/easy editable real-time shortcuts alert history

ideation

who? what? where? displays 3 parameters real-time feedback portable 1 device for each line storage of previous data touchscreen employees who needs a quick feedback to improve manufacturing control room (paper mill)

ideation

45% 23% results

parameter x

90% 0% 9 % 86% 6% 8 % 69% 9% 6 %

binding fiber lenght

• +
• add parameter

set alarm

• verview

results history

21

:30 :20

78% 8% 7 %

LINE 01

energy efficiency 90% 86% 69%

21

:00 :00

binding fiber lenght

• +
• add parameter

• verview

21

:30 :20

• ver

res hist

21 2

:30 :20

• verview

typeface | color scheme

Interstate LightCondensed Interstate BoldCondensed abcdefghijklmnopqrstuvwxyz 1234567890 )(><.,;*&%#@!” abcdefghijklmnopqrstuvwxyz 1234567890 )(><.,;*&%#@!”

user testing

‘information visualization involves selecting, transforming and representing abstract data in a form that facilitates human interaction for exploration and understanding‘

Font: Wikipedia

concept 1

parameter x

92% 97% 74%

21:30

20 seconds

fiber lenght binding

line 1

69%

history data info

parameter x

90% 90% 65%

21:28

40 seconds

fiber lenght binding

line 1

history data info

78%

parameter x

92% 97% 74%

21:30

20 seconds

fiber lenght binding

line 1

69%

history data info 92% 97% 74%

69%

normal 64% performance 19:45:00 normal 59% performance 20:18:00 increased 78% performance 21:28:40 decreased 34% performance 17:32:20

parameter x

21:30

20 seconds

fiber lenght binding

line 1

69%

history data info 90% 90% 65%

78%

concept 2 21:30

20 seconds hist info data

48% 35% 92%

binding fiber energy

21:30

20 seconds history info data

78% 55% 68%

increased 78% performance 21:00:20 normal 55% performance 20:10:20 normal 68% performance 19:45:00 binding fiber energy

21:30

20 seconds history info data

binding fiber energy

21:30

20 seconds history info data

78% 30% 42%

concept 3

21

:30 :20

hist data info

21

:30 :20

hist data info

48%

21

:30 :20

history data visual information

binding | 30-85% fiber | 25-80% energy | 30-90% increased 92% performance 21:00:20 decreased 25% performance 18:16:00 normal 62% performance 20:56:40

21

:30 :20

hist data info

increased 89% performance 21:15:40

‘the advent of graphical development tools like Flash, Active X, and Java (...) developers can create interactive applications that deliver instantaneous responses to complex queries of large data sets.’

next steps

http://www.uie.com/articles/information_visualization/

• develop further the final concept
• determine shape/size of portable device
• define animations/screens/behaviors
• user testing with mock-up/prototype

‘Human senses are not limited to vision, and include touch and hearing (...) by changing the place where users and technolgy meet, we can make new work, play, living and learning experiences possible.’

http://www.cs.umd.edu/hcil/research/visualization.shtml - human computer interaction lab

Thank You