UI & UX Engineering

Download UI & UX Engineering

Post on 20-Jan-2017

148 views

Category:

Education

0 download

Embed Size (px)

TRANSCRIPT

<p>UI &amp; UX ENGINEERING</p> <p>UI &amp; UX ENGINEERINGS.A.A.D.C.I AthukoralaSabaragamuwa University of Sri-LankaPhysical Sciences &amp; Technology</p> <p>What is UX DesignThe field of user experience design has roots in human factors and ergonomics.In 1990 Donald Norman declared that User Experience encompasses all aspects of the end-user's interaction with the company, its services, and its products.UX Designis the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product.</p> <p>1/9/2016UI &amp; UX Engineering2</p> <p>Elements of UX DesignUser Centered DesignUser Centered Design refers to a class of methodologies where design decisions are based on some tangible user model. That user model must be based on the research of the users of the application.Visual DesignVisual Design refers to the design of the visual appearance of software, advertising, or other commercial products. Visual Design focuses a bit more on esthetics. Visual Designers are often NOT User Centered Designers.1/9/2016UI &amp; UX Engineering3</p> <p>Elements of UX DesignInformation ArchitectureInformation Architecture refers to the structuring of information.An Information Architecture professional is often considered a counterpart to an Interaction Designer.Interaction Designers focus on how people use computers to accomplish work, and Information Architects focus on how people leverage information to support goals.</p> <p>1/9/2016UI &amp; UX Engineering4</p> <p>Elements of UX DesignInteraction DesignInteraction Design refers to the specific choices of user interactions we make to allow users to meet their goals in the software. Interaction Designers are generally User Centered Designers.Interaction Designers:Creating the layout of the interfaceDefining interaction patterns best suited in the contextEffectively communicating strengths of the systemMaking the interface intuitive by building affordancesMaintaining consistency throughout the system</p> <p>1/9/2016UI &amp; UX Engineering5</p> <p>Elements of UX DesignUsabilityUsability refers to the ability of a specific type of user to be able to effectively carry out a task using a product. Usability is usually measured through testing. Given a number of test subjects that reflects the type of user that will use the application: how many successfully complete a task.on average how quickly do they complete that taskon average how many user errors are made while attempting to complete that task.</p> <p>1/9/2016UI &amp; UX Engineering6</p> <p>Elements of UX DesignHCIHuman-Computer or Computer-Human interaction refers to the study of how humans and computers interact. An HCI professional may be a researcher, a designer, a psychologist, or anyone who might focus on human-computer interaction as part of their work or study.</p> <p>1/9/2016UI &amp; UX Engineering7</p> <p>Responsibilities of UX DesignAt the beginning of the projectCompetitor AnalysisCustomer AnalysisProduct Structure/StrategyContent Development</p> <p>While the project is underwayWireframingPrototypingTesting/IterationDevelopment Planning</p> <p>1/9/2016UI &amp; UX Engineering8</p> <p>Responsibilities of UX DesignExecution and AnalysisCoordination with UI Designer(s)Coordination with Developer(s)Tracking Goals and IntegrationAnalysis and Iteration</p> <p>1/9/2016UI &amp; UX Engineering9</p> <p>General design processCollecting information about the problem.Getting ready to designDesignTest and Iterate1/9/2016UI &amp; UX Engineering10</p> <p>Critics of UX DesignUser experience design is a buzzword for an existing best practice.A user experience cannot be fully designed.A user experience cannot be fully measured.1/9/2016UI &amp; UX Engineering11</p> <p>What is UI Design?User Interface Design is responsible for the transference of a brands strengths and visual assets to a products interface as to best enhance the users experience.User Interface Design is a process of visually guiding the user through a products interface via interactive elements and across all sizes/platforms.User Interface Design is a digital field, which includes responsibility for cooperation and work with developers or code.</p> <p>1/9/2016UI &amp; UX Engineering12</p> <p>UI Design principlesUser familiarityThe interface should use terms and concepts which are drawn from the experience of the people who will make most use of the system.ConsistencyThe interface should be consistent in that, wherever possible, comparable operations should be activated in the same way.Minimal surpriseUsers should never be surprised by the behaviour of a system.1/9/2016UI &amp; UX Engineering13</p> <p>UI Design principlesRecoverabilityThe interface should include mechanisms to allow users to recover from errors.User guidanceThe interface should provide meaningful feedback when errors occur and provide context-sensitive user help facilities.User diversityThe interface should provide appropriate interaction facilities for different types of system user.1/9/2016UI &amp; UX Engineering14</p> <p>UI Design processUI design is an iterative process involving close liaisons between users and designers.The 3 core activities in this process are:User analysis: Understand what the users will do with the system.System prototyping: Develop a series of prototypes for experiment.Interface evaluation: Experiment with these prototypes with users.1/9/2016UI &amp; UX Engineering15</p> <p>The design process</p> <p>1/9/2016UI &amp; UX Engineering16</p> <p>Responsibilities of UI DesignerCustomer analysisInteractivity and animationUI prototypingImplementation with the developerDesign researchBranding and graphic developmentDocumentation User guides1/9/2016UI &amp; UX Engineering17</p> <p>UI evaluationSome evaluation of a user interface design should be carried out to assess its suitability.Full scale evaluation is very expensive and impractical for most systems.Ideally, an interface should be evaluated against a usability specification. However, it is rare for such specifications to be produced.1/9/2016UI &amp; UX Engineering18</p> <p>Evaluation techniquesQuestionnaires for user feedback.Video recording of system use and subsequent tape evaluation.Instrumentation of code to collect information about facility use and user errors.The provision of code in the software to collect on-line user feedback.1/9/2016UI &amp; UX Engineering19</p> <p>Difference between UI and UXUI refers to the term User Interface and UX stands for User Experience.Both are crucial to a product and work closely together.But the roles of them are different.UX design is more analytical and technical field.UI design is closer to graphic design.1/9/2016UI &amp; UX Engineering20</p> <p>Similarities between UI &amp; UXHave a primary objective of improving customer satisfaction.Focus on the user and his/her interaction with a product/service.Can be applied to any product.</p> <p>1/9/2016UI &amp; UX Engineering21</p> <p>THANK YOU</p> <p>1/9/2016UI &amp; UX Engineering22</p>