Bernard' work presentation


Published on

Here it is, some of my past work and assigment

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Bernard' work presentation

  1. 1. Bernard Champoux’ work
  2. 2. Computer Assisted Iconic Language System (CAILS) TASK: To design an interface supporting iconographic communication.
  3. 3. Representing graphically what the authors had in mind: Interaction model Interface Paper mockup CAILS’ grammar symbols CAILS’ Lexicon TEXT ICONOGRAPHY
  4. 4. Gathering User Input: Contextual inquiry and Usability tests on paper prototype 1- Communication 2- Interaction 3- Interactivity
  5. 5. Conceptualization
  6. 6. Iterative Design (Desktop)
  7. 7. Iterative Design (PDA)
  8. 8. CAILS evaluation <ul><li>Participants show a good comprehension of the grammatical functions of the symbols. </li></ul><ul><li>Words order is not crucial in understanding a CAILS message. </li></ul><ul><li>Long sentences were more difficult to understand. </li></ul><ul><li>for 11 years old participants than university level students. </li></ul>
  9. 9. TASK: Design a touch Interface for a speedy input of conversational capsule .
  10. 10. Representing graphically what the authors had in mind: HIERARCHICAL TASKS DESCRIPTION NATR’ Wire frames EXPLORATION OF FORMS OF SOLUTIONS (INTERFACE)
  11. 11. Results: Interface prototypes
  12. 12. ATR other work: Voice chat
  13. 13. ATR other work: Web MIC
  14. 14. User Interface Design for Interactive Hardware 3D Browsing with Interactive Data
  15. 15. <ul><li>Too big and heavy </li></ul><ul><li>Handle (add 17 cm) </li></ul><ul><li>Four sensors powered two 6 volts batteries. </li></ul><ul><li>Contextual Inquiry </li></ul><ul><li>Interviews with users </li></ul><ul><li>Direct observation </li></ul><ul><li>Sketching </li></ul><ul><li>3D Rendering: Adapting the actual device. </li></ul><ul><li>Suggesting a potential device. </li></ul>What did I do? Problem with the actual RISPS
  16. 16. Prototypes
  17. 17. Iterative Design: Application Menus
  18. 18. RISP Evaluation Control Fatigue Ease of use
  19. 19. Virtual pen and Paper Interface
  20. 20. Iterative Design: Application Menus
  21. 21. Conceptualization: The CubeRisp.
  22. 22. The Visual Interaction Platform (VIP) VIP 1st generation: First prototype gathers all the required components in order to get to work. Lab prototype. VIP 2nd generation: Second prototype: Much more “product like”. Somehow transportable and compact (questionable). Problem: Out-dated prototypes
  23. 23. What did I do? <ul><li>1- Initiate a participatory design approach to: </li></ul><ul><li>Involve end users and stakeholders in the design process. </li></ul><ul><li>Focus on trying to understand how the end users worked and what their problems were as opposed to strictly apply the specific solutions that they proposed. </li></ul>
  24. 24. 2- Action Research: Sketches for Informal peer(s) review(s) What do you think of this?
  25. 25. 3- Suggested solutions. Representation in time and space
  26. 26. 4- Picked a solution
  27. 27. 5- Design a correct solution.
  28. 28. VIP Final Design. Support work, Not generate it.
  29. 29. A Design Approach for Tangibles User Interface Mentoring and providing expertise in GUI to the students
  30. 30. Introduced my students to an easy 3D drawing software. The James Interaction Techniques For Digital Tables Components Perspective-Based Interaction
  31. 31. A Mode of Interaction for Driver Vehicle Interface (DVI) <ul><li>Representation : A system that allow driver to see the needed information at appropriate time. </li></ul><ul><li>Control : A mechanism that allow driver to access the needed information at appropriate time. </li></ul>
  32. 32. Proposition: Representation Multifunctional display integrated to the car cockpit
  33. 33. Proposition: Control
  34. 34. Potential in-vehicle Information
  35. 35. City Preset 1
  36. 36. City Preset 2
  37. 37. City Preset 3
  38. 38. Highway Preset 1
  39. 39. Highway Preset 2
  40. 40. Highway Preset 3
  41. 41. In context Representation in time and space City Highway