Presentation is loading. Please wait.

Presentation is loading. Please wait.

PUZZLING QUESTION What do you build first, the interface or the application?

Similar presentations


Presentation on theme: "PUZZLING QUESTION What do you build first, the interface or the application?"— Presentation transcript:

1 PUZZLING QUESTION What do you build first, the interface or the application?

2 Motivation More and more products and systems have become highly complex, posing challenges to users. As much as possible products should be designed to accommodate their users, not vice versa. Computer-based products can be extremely versatile, but their interaction with the user can also be adapted relatively easily.

3 Course Objectives Cognitive –Cunoasterea si utilizarea principiilor de baza ale proiectarii interfetelor om-masina –Intelegerea notiunilor de baza legate de aspectele cognitive ale interactiunii om-masina Tehnice –Utilizarea mediului Adobe Flash Builder pentru realizarea de aplicatii (Web, standalone, mobile) –Punerea in practica a sfaturilor pentru o buna interfatare om-masina –Analiza critica a unor interfete om-masina Afectiv valorice –Intelegerea aspectelor legate de latura umana a interactiunii cu calculatorul –Placerea de a dezvolta aplicatii usor de folosit, cu un design placut

4 Content Curs: –Scopul si rolul disciplinei –Definitii. Componentele interfetelor om-masina. Clasificari. Scurt istoric –Interaction Design –Metodologie pentru proiectarea interfetelor om-masina –Aspecte cognitive ale interactiunii om-masina. Moduri de interactiune –Interfete neconventionale (haptice, tactile, locomotorii, auditorii si voce, bazate pe gesturi etc) –Principii de design ale interfetelor grafice. Greseli frecvente si cum pot fi evitate –Metode de evaluare a interfetelor –Sabloane de proiectare a interfetelor om-masina Laborator –Dezvoltarea aplicatiilor folosind platforma Adobe Flex si mediul de dezvoltare Adobe Flash Builder –Cunostinte de baza limbaj de programare Action Script (AS) 3

5 Definition Interactiunea om-calculator (Human- Computer Interaction – HCI) este stiinta care se ocupa cu proiectarea, evaluarea si implementarea sistemelor de calcul interactive destinate uzului uman, si cu studiul fenomenelor importante existente în acest context.

6 Definition (continued) Din perspectiva stiintei calculatoarelor, accesul este pus pe interactiune. Mai precis, se refera la interactiunea uneia sau mai multor persoane cu una sau mai multe masini de calcul. Luând în considerare notiunea de masina, putem avea de-a face în locul clasicelor statii de lucru cu masini de calcul încorporate (embedded), ca parti ale bordurilor avioanelor sau ale obisnuitelor cuptoare cu microunde. Tehnicile de proiectare a interfetelor acestor dispozitive sunt similare celor de proiectare a interfetelor grafice utilizator ale unei statii de lucru.

7 Exemple de HMI Se regasesc in toate domeniile de activitate Human-Computer Interaction (HCI), sub-domeniu al HMI Revolutionare

8 Minority Report [2002] Directed by: Steven Spielberg Screenplay: Philip K Dick With: Tom Cruise, Collin Farrell, Max von Sydow etc. Human-machine interactions (minutes): 3:20, 6:10, 17:00 etc De la filme SF… Surogates [2009] Directed by: Jonathan Mostow Screenplay: Michael Ferris, John Brancato With: Bruce Willis, Radha Mitchell etc.

9 Media Blocks [1999] Jeff Han [2006] –http://www.masternewmedia.org/news/2006/08/21/user_interface_a_look_at.ht mhttp://www.masternewmedia.org/news/2006/08/21/user_interface_a_look_at.ht m Bump Top [2007] –http://en.wikipedia.org/wiki/BumpTophttp://en.wikipedia.org/wiki/BumpTop –Anand Agarawala's Masters Thesis; April 8, 2009 version 1.0 released –April 30, 2010 the author announced that BumpTop was being discontinued –May 2, 2010 it was announced that the company had been acquired by Google –January 5, 2011 Google released a "sneak peek" video of Android 3.0 Honeycomb showing a 3D desktop with features purportedly taken from BumpTopAndroid Sixth Sense [2009] –http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.htmlhttp://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html –There’s a projector to provide access to results (output) –There’s a camera to receive commands and associated parameters (input) –Markers and gestures (input) –There’s a mobile phone / PDA to provide the processing power (CPU), connectivity (access to information), and storage (Memory) –A (possible large) battery to power all this … la proiecte stiintifice

10 De la Microsoft Silverlight - Microsoft Silverlight is a web application framework, integrating multimedia, graphics, animations and interactivity into a single runtime environment. Initially released as a video streaming plugin, later versions brought additional interactivity features and support for.NET languages and development tools. The current version, 3.0, was released on July 9, 2009.[1] - http://www.microsoft.com/silverlight/Microsoftmultimediagraphicsanimationsinteractivityinteractivity features.NET languagesdevelopment tools[1]http://www.microsoft.com/silverlight/ Silverlight is a cross-browser, cross-platform and cross-device browser plug-in that helps companies design, develop and deliver applications and experiences on the Web. Microsoft PopFly (http://www.popfly.com/) – discontinued with Aug 29, 2009http://www.popfly.com/ Productivity in the Future (2011): http://www.youtube.com/watch?feature=playe r_embedded&v=_WB7P4jVktU http://www.youtube.com/watch?feature=playe r_embedded&v=_WB7P4jVktU

11 … la Microsoft Surface Intro & history: http://www.youtube.com/watch?feature=player_embedded&v=_WB7P4jV ktU http://www.youtube.com/watch?feature=player_embedded&v=_WB7P4jV ktU Web: http://www.microsoft.com/surface http://www.microsoft.com/surface/Pages/Experience/Videos.asp xhttp://www.microsoft.com/surface/Pages/Experience/Videos.asp x Surface 2.0 [November 2011] http://www.youtube.com/watch?feature=player_embe dded&v=IbCORzYW6lQ http://www.youtube.com/watch?feature=player_embe dded&v=IbCORzYW6lQ Microsoft a lansat cea de-a doua generaie a mesei interactive Surface, bazată pe un nou tip de tehnologie tactilă. Spre deosebire de generaia precedentă, noul Surface 2.0 folosete un sistem touch bazat pe receptori infraroii integrai în display, care permit o recunoatere mult mai exactă a aciunilor utilizatorului.

12 Desigur, nu ne iese tot timpul bine http://www.baddesigns.com/

13 I am not alone Mai sunt si altii in Romania care fac asa ceva… Universitatea Alexandru Ioan Cuza Iasi: –http://profs.info.uaic.ro/~busaco/teach/cours es/hci/http://profs.info.uaic.ro/~busaco/teach/cours es/hci/ Universitatea Tehnica Cluj-Napoca –http://users.utcluj.ro/~tmarita/HCIhttp://users.utcluj.ro/~tmarita/HCI

14 Bibliografie (1) W. Olins, Noul ghid de identitate, Comunicare.ro, Bucureşti, 2004 (2) C. Pribeanu (coord.), Introducere în interacţiunea om-calculator, Matrix Rom, 2003 (3) Shneiderman and Plaisant - Designing the User Interface, 4th Ed. ISBN: 0-321-19786-0 (4) Jenny Preece, Yvonne Rogers, and Helen Sharp – Interaction Design, 2nd ed. John Wiley & Sons: New York, 2007. ISBN: 0470018666 (5) T. Winograd – From Computing Machinery to Interaction Design (http://hci.stanford.edu/~winograd/acm97.html)http://hci.stanford.edu/~winograd/acm97.html (6) Winograd, T. and Flores, F. (1987) - Understanding Computers and Cognition: A New Foundation for Design. Reading, MA: Addison-Wesley. (7) A. Cooper, R. Reimann, D. Cronin, About Face (3rd edition), Addison-Wesley, 2007 (8) B. J. Fogg, Persuasive Technology, Morgan Kaufmann Publishers, 2003 (9) B. Fry, Visualising Data, O'Reilly, 2008 (10) W. Galitz, The Essential Guide to User Interface Design (2nd Edition), John Wiley & Sons, 2002 (11) L. Goin, Design for Web Developers: Colour and Layout for the Artistically Overwhelemed, DMXzone.com, 2005 (12) P. Kortum (ed.), HCI Beyond the GUI. Design for Haptic, Speech, Olfactory, and Other Nontraditional Interfaces, Elsevier, 2008 (13) E. Law, E. Hvannberg, G. Cockton (eds.), Maturing Usability, Springer, 2008 (14) J. Novak, Game Development Essentials (2nd Edition), Thomson, 2008 (15) J. Raskin, The Humane Interface, Addison Wesley, 2000 (16) D. Saffer, Designing for Interaction: Creating Smart Applications and Clever Devices, Peachpit Press, 2006 (17) M. Sánchez-Segura, Developing Future Interactive Systems, Idea Group Publishing, 2004 (18) A. Sears, J. Jacko (eds.), The Human-Computer Interaction Handbook (2nd Edition), Taylor & Francis Group, 2008 (19) A. Seffah, H. Javahery (eds.), Multiple User Interfaces, John Wiley & Sons, 2004 (20) S. Souders, High Performance Web Sites. Essential Knowledge for Frontend Engineers, O'Reilly, 2007 (21) J. Tidwell, Designing Interfaces, O'Reilly, 2005 (22) Y. Wang, Software Engineering Foundations: a Software Science Perspective, Taylor & Francis Group, 2008 (23) Methods, Standards, & Work Design, 11th Edition. Benjamin Niebel, Andris Freivalds. McGraw- Hill, 2002, ISBN 0072468246 (24) The Design of Everyday Things by Donald A. Norman. Basic Books, 2002, ISBN 0465067107


Download ppt "PUZZLING QUESTION What do you build first, the interface or the application?"

Similar presentations


Ads by Google