PROJECT LYREBIRD CATHERINE ERZETIC

INTERFACE DESIGN There is a need for user interface design

USER EXPERIENCE Because it enhances the user experience

INTERIOR DESIGN And in an Interior design context, the research aims to conceptualise and build various user interfaces for visualising 3D objects with a project provided by PTW Architects. The UI and UX will then be tested and evaluated against project specific criteria. The overarching expectation of this application is to enhance the design process, by streamlining the communication between the client and the designer.

QUESTION HOW CAN THE ENHANCEMENT OF MOBILE APPLICATION USER EXPERIENCE REFINE THE ARCHITECTURAL ITERATIVE DESIGN PROCESS? WHY? Because I want to test how the enhancement of mobile application user experience refines the architectural iterative design process.

Testing Effectiveness Criteria But this also leads to other questions…. 1. How effective can the application of MAR tools be in an interior design context? 2. What criteria can be applied to test the effectiveness of a MAR user interface in an interior design context? 3. How effective is a project specific set of heuristics at the beginning of the development process vs after user testing?

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Action Research (Add to top) Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

Augment Graphisoft BIMX MagicPlan Ikea Catalogue Layar APPLICATION USABILITY PERFORMANCE AESTHETICS #1 #2 #3 #4 #5 #6 #7 #8 #9 #10 Augment Graphisoft BIMX MagicPlan Ikea Catalogue Layar Ikea Home Planner PUT IN LIST OF CRITERIA

PROTOTYPE A

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

TOOLS TO MEASURE EFFECTIVENESS Experiment Field Study Surveys Inspection Methods Mixed Methods Inspection methods: Heuristic evaluation is one type

TOOLS TO MEASURE EFFECTIVENESS Mixed Methods Experiment Field Study Surveys Inspection Methods Mixed Methods Inspection methods: Heuristic evaluation is one type

TOOLS TO MEASURE EFFECTIVENESS Mixed Methods Experiment Field Study Surveys Inspection Methods Mixed Methods Inspection methods: Heuristic evaluation is one type

TOOLS TO MEASURE EFFECTIVENESS Mixed Methods Experiment Field Study Surveys Inspection Methods Mixed Methods Inspection methods: Heuristic evaluation is one type

TOOLS TO MEASURE EFFECTIVENESS Mixed Methods Experiment Field Study Surveys Inspection Methods Mixed Methods Inspection methods: Heuristic evaluation is one type

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

THE CRITERIA / “HEURISTICS” #1 Reasonable waiting times #2 Support user’s concept learning #3 Visual cues to influence experience #4 Clear warning / exit messages #5 Consistent button sizes #6 Navigation simplicity #7 Applies Gestalt laws #8 Multiple levels of detail #9 Aesthetic and minimalist design #10 Designed for context USABILITY AESTHETICS Inspection methods: Heuristic evaluation is one type

PROTOTYPE B

Tools to measure effectiveness User testing with customised criteria Research Methodology Design Methodology Comparison study Prototype A Tools to measure effectiveness Prototype B Prototype C Customised Criteria set User testing with customised criteria Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

USER-TESTING Experiment Participants 15 designers Quantification method Experiment + Inspection method Tasks a) Locate project page b) Open a new project c) Place a chair in the scene Quantification method Laboratory Experiment Tasks completed Made to do 3 tasks to measure if they can complete the task and in what timeframe in a controlled environment. This model also helps to further define the problems overlooked in model 1. This research validates “improvements” made for prototype C.

COMPUTATIONAL DESIGNER MARKETING COORDINATOR DEMOGRAPHICS COMPUTATIONAL DESIGNER GRAPHIC DESIGNER ARCHITECT MARKETING COORDINATOR RECEPTIONIST KNOWLEDGE MANAGER INTERIOR DESIGNER Question: How the enhancement of mobile application user experience refines the architectural iterative design process. How can we measure an application's effectiveness? How can we make an application relevant to industry?

THE QUESTIONS USABILITY Was there a reasonable waiting time? How familiar were you with the terms and symbols used? Was the design suggestive of what you could do next? Did you find the given tasks easy to do? How consistent were the button sizes? How simple was the overall navigation? How aesthetically pleasing is the overall interface? How well designed is the application for the purpose? USABILITY AESTHETICS

PROTOTYPE A PROTOTYPE B QUESTIONS RATING

PARTICIPANTS’ CHOICE 15 PARTICIPANTS

PARTICIPANTS’ CHOICE PROTOTYPE A PROTOTYPE B 40% 60%

MOST POPULAR RESPONSES COUNT Qualitative data collection QUESTIONS

TIME TAKEN FOR TASK COMPLETION VS SCREEN TAP COUNT PROTOTYPE A PARTICIPANTS COUNT PROTOTYPE B Quantitative data collection

https://invis.io/5JE59E1C9 https://www.youtube.com/watch?v=EXCO6Guh19A#action=share https://invis.io/5JE59E1C9

COMPARISON STUDY PROTOTYPE A PROTOTYPE B PROTOTYPE C USABILITY PERFORMANCE AESTHETICS #1 #2 #3 #4 #5 #6 #7 #8 #9 #10 PROTOTYPE A PROTOTYPE B PROTOTYPE C Measured against customised criteria. #1 Reasonable waiting times #2 Support user’s concept learning #3 Visual cues to influence experience #4 Clear warning / exit messages #5 Consistent button sizes #6 Navigation simplicity #7 Applies Gestalt laws #8 Multiple levels of detail #9 Aesthetic and minimalist design #10 Designed for context

FURTHER WORK ... Testing with a clientele demographic using similar experiment and procedures Translation between User Interface (UI) and Augmented Reality (AR) What did you learn from your research Outcomes of the quantification methods

PROJECT LYREBIRD CATHERINE ERZETIC