Recommended
Recommended
More Related Content
Similar to Human Computer Interaction: Academia and Industry
Similar to Human Computer Interaction: Academia and Industry (20)
Recently uploaded
Recently uploaded (20)
Human Computer Interaction: Academia and Industry
- 1. Human-Computer Interaction The Academic and the Industry Qonita Shahab, 18 November 2016 Guest Lecture at Faculty of Computer Science, University of Indonesia
- 2. Human- Computer Interaction Dasar-dasar Pemrograman Perancangan dan Pemrograman Web Pengajaran Berbantuan Komputer Semantic Web Rekayasa Perangkat Lunak Proyek Pengmbangan Sistem Informasi Technology Entrepreneur- ship Ubiquitous Computing Design & Social Sciences Analisis dan Perancangan Sistem Informasi
- 3. Everything leads to Everything leads to Everything leads to Everything leads to Technopreneurship Technopreneurship Technopreneurship Technopreneurship? ? ? ?
- 4. The new sexy job? The new sexy job? The new sexy job? The new sexy job?
- 5. We can begin with Technopreneurship
- 6. Business Model Canvas Business Model Canvas Business Model Canvas Business Model Canvas
- 7. Problem Problem Problem Problem- - - -Solution Fit Solution Fit Solution Fit Solution Fit
- 8. Product Design Product Design Product Design Product Design Problem Solution Design Council’s Double Diamond model http://whatdondoes.com/wp-content/uploads/downloads/2013/02/Diamond.pdf
- 9. Industry is running faster than Industry is running faster than Industry is running faster than Industry is running faster than academia! academia! academia! academia! misleading trend misleading trend misleading trend misleading trend
- 10. UX hype ;) UX hype ;) UX hype ;) UX hype ;)
- 11. Design Design Design Design UX UX UX UX The outcome of any Design is UX
- 12. Who’s Who’s Who’s Who’s involved? involved? involved? involved? Product Manager Design Researcher Tech-specific Designer Interaction Designer Problem Solution
- 13. Chose your role… Chose your role… Chose your role… Chose your role… Interaction Designer • Your knowledge from this course • HCI and beyond: e.g. ubiquitous computing • Interaction Designer for technology products Tech-Specific Designer • Your IT education advantage • Internet applications for our everyday life • User Interface Designer for complex software
- 14. Ubiquitous Computing (2009) Ubiquitous Computing (2009) Ubiquitous Computing (2009) Ubiquitous Computing (2009) Philips’ DirectLife Experimenting with an accelerometer device connected to a social network website
- 15. Ac Sp Instructional Instructional Instructional Instructional Design (2012) Design (2012) Design (2012) Design (2012) How people keep longer/shorter distance to the car in front of them while driving with a screen that informs them certain messages (acceleration interface speed interface)
- 16. Complex Complex Complex Complex S S S Software oftware oftware oftware (e.g. SAP SPSS (e.g. SAP SPSS (e.g. SAP SPSS (e.g. SAP SPSS) ) ) ) Enterprise Resource Planning Statistical Analysis
- 17. High Tech High Tech High Tech High Tech Companies Companies Companies Companies (e.g. ASML SMAC) (e.g. ASML SMAC) (e.g. ASML SMAC) (e.g. ASML SMAC) Designing Semiconductor Designing Electric Motors
- 18. How about this course (HCI)?
- 19. Silicon Valley’s trend Silicon Valley’s trend Silicon Valley’s trend Silicon Valley’s trend • A rising awareness around the general concept of UX saw more and more UI designers explore this space. They started to gain an increased sensitivity towards the needs of users, the demands of different platforms, and an understanding of basic interaction design practices like wireframes and prototypes. andybudd.com
- 20. Thanks to Pak Harry Bu Lia Thanks to Pak Harry Bu Lia Thanks to Pak Harry Bu Lia Thanks to Pak Harry Bu Lia • Quantitative qualitative research • borrowed from Social Sciences • Prototyping • borrowed from Industrial / Product Design
- 21. Things you’ve learned in this course Things you’ve learned in this course Things you’ve learned in this course Things you’ve learned in this course What you’ve learned • Human cognition • Mental model • Prototyping • Usability What to realize • Information architecture • Perception culture • Collaborative prototyping • Iterative guerilla
- 22. Information Architecture Information Architecture Information Architecture Information Architecture • Software and internet applications get more complex • Information overload: how to present it in the right way (according to user goals and behavior)? Source: IA for WWW, O’Reilly
- 23. Information Architecture: benefits Information Architecture: benefits Information Architecture: benefits Information Architecture: benefits • Chunk information into different sizes and importance levels • Pre-requisite to user interface design • Screen transitions • Screen layout • Graphics and colors Traveloka mobile web
- 24. Perception Culture Perception Culture Perception Culture Perception Culture All of these are links! Why is that so? It is easier to follow a link of a pre-defined word than search with unsure keywords (too many possibilities)
- 25. Perception Culture: understanding Perception Culture: understanding Perception Culture: understanding Perception Culture: understanding • Work together with branding / visual designers • Work together with behavioral / social researchers • Does not just follow best practices of user interface design
- 26. Collaborative Prototyping Collaborative Prototyping Collaborative Prototyping Collaborative Prototyping Requirement 1… Requirement 2… Requirement 3… Storymapping (thoughtworks.com) Paper prototyping (amydwang.com) From User Stories (agile) to Wireframe (prototyping)
- 27. Collaborative Prototyping: benefits Collaborative Prototyping: benefits Collaborative Prototyping: benefits Collaborative Prototyping: benefits • Business, technology, UX • Business goals and technology feasibility confirmed instantly • User needs are informed to all participants • Other stakeholders can participate, too • Quick and easy • Use a lot of post-it notes of varying sizes (main screen, pop-up, etc) • For mobile app screens, divide A4 paper into 4 or 8
- 28. Iterative Guerilla Iterative Guerilla Iterative Guerilla Iterative Guerilla • Test and iterate • Start with qualitative • Find patterns • Improve and test again • Use guerilla method • No lab setup • Exercise your extrovert side ;) https://uxexplorer.wordpress.com/2014/12/
- 29. Iterative Process: benefits Iterative Process: benefits Iterative Process: benefits Iterative Process: benefits • One test is not enough • If a task is very crucial, we need to make sure all users are successful in every prototype version • Sometimes we need to confirm that the patterns are still observed with another prototype version • Qualitative = 5 users • Only 80% of problems • Repeat to reduce sampling bias Source: Francine Lee’s Medium
- 30. How can you make the world a better place?
- 31. Tragic Design Tragic Design Tragic Design Tragic Design • EHR • (electronic health record) software • Why tragic? • 3 nurses worked together • Patients needed 3 hydrations before the strong medicine • All nurses missed the 2 hydrations death www.tragicdesign.com
- 32. 38 38 38 38- - - -fold Dosage of Common Antibiotic fold Dosage of Common Antibiotic fold Dosage of Common Antibiotic fold Dosage of Common Antibiotic 1 software 3 users influence?
- 34. Human- Computer Interaction Dasar-dasar Pemrograman Perancangan dan Pemrograman Web Pengajaran Berbantuan Komputer Semantic Web Rekayasa Perangkat Lunak Proyek Pengmbangan Sistem Informasi Technology Entrepreneur- ship Ubiquitous Computing Design Social Sciences Analisis dan Perancangan Sistem Informasi Questions?
- 35. It's not about how to make your It's not about how to make your It's not about how to make your It's not about how to make your smartphone screen look cute but it's smartphone screen look cute but it's smartphone screen look cute but it's smartphone screen look cute but it's something that will change the something that will change the something that will change the something that will change the livelihood of millions of people livelihood of millions of people livelihood of millions of people livelihood of millions of people Gibran, eFishery founder
- 36. “This tool not only automates scheduled feedings with the correct amount of food, it also records every feeding in real-time. You can access the data feed whenever and wherever you are. It eliminates the risk of overfeeding, missed or irregular feedings, providing a solution that is reliable and affordable.” The key: A sensor for measuring fish’s movement when they are hungry (linked to a smartphone app)
- 37. Let’s end with Technopreneurship
- 38. “Get out of the building! “Get out of the building! “Get out of the building! “Get out of the building! Javelin Experiment Board
- 39. Start from your Start from your Start from your Start from your e e e environment nvironment nvironment nvironment • How many people pressed the call buttons accidentally? • Empathize with older people • How many people are new to smartphones? • Empathize with middle-to-low class people • How many people get lost in the campus? • Empathize with visitors (talk to them!)
- 40. Work with others Work with others Work with others Work with others (interdisciplinary) (interdisciplinary) (interdisciplinary) (interdisciplinary) (Dan Saffer)
- 41. Interdisciplinary at the University of Indonesia Interdisciplinary at the University of Indonesia Interdisciplinary at the University of Indonesia Interdisciplinary at the University of Indonesia • Technology • ilmu komputer, ilmu perpustakaan • teknik elektro, teknik mesin, fisika • biologi, kimia • Social sciences • psikologi, antropologi, komunikasi, sosiologi • Business • ekonomi, teknik industri • Design • teknik industri (ergonomi) • visit ITB/ITS’s desain produk
- 42. Contribute with your IT skills, please Contribute with your IT skills, please Contribute with your IT skills, please Contribute with your IT skills, please ☺ ☺ ☺ ☺ User interface design (No. 5), which is designing the part of products that people interact with, is increasingly in-demand among employers https://www.weforum.org/agenda/2016/10/2017s-most-in-demand-skills-according-to-linkedin
- 43. Where to start? • Internship (which companies are ready to accept a HCI expert?) • Tech startups (Uber, AirBnB, Bukalapak, Qraved, Traveloka) • UX consulting (Somia) • Advertising agency (IBM Interactive Experience, XM Gravity) • Some banks (Mandiri, BTPN) • Exercise your UI design skills • Information architecture • Usability testing • Prototyping • Freelancing with mentorship • Hang out with students from other faculties! ☺ • More questions? atinoq@gmail.com