1 / 14

PUZZLING QUESTION

PUZZLING QUESTION. What do you build first, the interface or the application?. 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.

abena
Download Presentation

PUZZLING QUESTION

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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. De la filme SF… 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 Surogates [2009] Directed by: Jonathan Mostow Screenplay: Michael Ferris, John Brancato With: Bruce Willis, Radha Mitchell etc.

  9. … la proiecte stiintifice • Media Blocks [1999] • Jeff Han [2006] • http://www.masternewmedia.org/news/2006/08/21/user_interface_a_look_at.htm • Bump Top [2007] • http://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 BumpTop • Sixth Sense [2009] • http://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

  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/ • 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, 2009 • Productivity in the Future (2011): http://www.youtube.com/watch?feature=player_embedded&v=_WB7P4jVktU

  11. … la Microsoft Surface • Intro & history: http://www.youtube.com/watch?feature=player_embedded&v=_WB7P4jVktU • Web: • http://www.microsoft.com/surface • http://www.microsoft.com/surface/Pages/Experience/Videos.aspx • Surface 2.0 [November 2011] http://www.youtube.com/watch?feature=player_embedded&v=IbCORzYW6lQ • Microsoft a lansat cea de-a doua generație a mesei interactive Surface, bazată pe un nou tip de tehnologie tactilă. Spre deosebire de generația precedentă, noul Surface 2.0 folosește un sistem touch bazat pe receptori infraroșii integrați în display, care permit o recunoaștere mult mai exactă a acțiunilor 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/courses/hci/ • Universitatea Tehnica Cluj-Napoca • http://users.utcluj.ro/~tmarita/HCI

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

More Related