Transcript: 50% Who is Involved Recruiting users Screeners Demographics (location, age, gender, level of industry and/or technical expertise) Task failure/success Task completion time Number of errors Number of clicks Analysis Report Recommendations Other Tools 50% "I invented the term because I thought Human Interface and usability were too narrow: I wanted to cover all aspects of the person's experience with a system, including industrial design, graphics, the interface, the physical interaction, and the manual." - Don Norman Real scenarios/tasks Purchase a round-trip flight to Paris Find a gift for your niece and have it arrive on her birthdate Find college savings plans on a website :) Low-fidelity prototype High-fidelity prototype Paper, wireframe/visualization tool Photoshop, HTML/CSS Paper Prototypes Participant Moderator “Computer” Note-taker Observers A|B Multivariate Testing (MVT) Advantages User Experience 1993 1:10:100 Testing Labs # of Users % of Usability problems found UX definition DON NORMAN "User experience," often referred to as UX, encompasses all aspects of the end-user's interaction with the company, its services, and its products. - Nielson Norman Group UX in practice Measurable Metrics Task Examples Post-Test Prototyping Post-Development Visitors to your website How Many Users? Almost 50% 90% Diminishing returns with additional users. Inexpensive Fast Easy to iterate Avoid look-and-feel feedback Avoid design attachment What is it? Surveys Interviews Diary Studies Product Reaction Cards User Testing 80%
Transcript: UX Presentation Presented by: Toobie Nguyen & Brad Aabel For: REI [FEMA proposal] Introduction What we're covering today 1. Understanding UX 2. Why UX works 3. How UX works 4. Conclusion 5. Activities 6. Next Steps UX What is UX? "User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products. UX is here UX is here Business Goals User needs Technical Constraints Defining the problem and creating the right solution - together Why UX? Why UX? Creates a common understanding between client and development team Reduces development time, rework and churn Ensures the right issues are being addressed Reduces user frustration, human error and negative interactions Identifies issues before it's too expensive or too late to implement Success stories Success stories Personal Success Personal Success UX MYTHS UX MYTHS UX = UI UX = UI A common misconception is that UX and UI are the same thing. UX really shines when the UI designs are supported and validated. We [the team] bring great ideas in creating solutions that we think will work best for the users because after all, we're all human. But in reality, the users will have different needs, goals and habits. In the end, we are not the ones using the product, they are. You are like your users You are like your users "If you think good design is expensive, you should look at the cost of bad design." - Dr. Ralf Speth, CEO Jaguar UX is costly and timely UX is costly and timely A closer look at UX A closer look at UX UX Roles UX Roles UX layers UX layers Over time, many development methodologies were created. Let's take some time to go over some of those relevant processes. Methodologies Methodologies Waterfall Waterfall Agile Agile Basic UX process Basic UX process Discover Design Test Learn User centered design process User centered design process Agile/Lean UX Agile/Lean UX Conclusion and next steps Conclusion What's next? What's next? Some after thoughts Some after thoughts
Transcript: PentaValue UX Design Supervised By: Ms. Sara El-Mougy Mr. Abdulrahman Hussin Presented By: Yara Samir Ibrahim Haytham Mohamed Abdelaziz Youssef Mohamed Assaad FCIS Partner Target Users Persona FCIS Partner Mainly provide students with what they need in the faculty life Students Students Faculty Students from 1st year till 3rd year Doctors Doctors will be responsible of upload materials and all things belong to the course. Doctors Teacher Assistants They are responsible of the attendance grades, assignments marks and the upload of materials such as labs and hands on Teacher Assistants Material Uploading Takes Too Long Materials Are Scattered In Multiple Sources New Comers Know Too Little About Faculty Students Suffer To Find A Team For Projects Problems We Solved Problems Classroom Resources Materials Teams Announcements FCIS Partner is a Mobile App that help students to interact easily with the faculty and if they are new comer it help them to know more about the faculty and it's domains, student activities and departments. Mobile Solution Solution Prototype Prototype First use: The app show the tips and how to use the application. After it redirect the user to the login page and if he don't have an account he will register. Step 1 Step 1 The app has 5 main tabs which is materials, classroom, resources, announcements and search teams and each tab has its menu. Step 2 Step 2
Transcript: some helpful content hard to find security 1024 x 768 search could be more helpful some products are not available on-line and it is not clearly indicated UX Review of IKEA.com website UX Best Practices appropriate help to eliminate extra time dealing with wrong turns help with planning weakness gallery of ideas pressed for time easy to navigate some products not available on-line - and not clearly indicated UX Heuristics Mapping upselling and cross selling posibilities commonalities inexpensive but high quality solutions easy and clear ordering process weakness small business owners Weaknesses young families 1268 x 768 strength weakness E-Commerce Best Practices IKEA - customer/user profile navigation within products clear path to product information IKEA.COM New and Improved search could be more helpful college student willing to deal with minor inconvenience to get best value gallery of ideas forms don't have example text in fields UX Site Review UX Site Review - how does it measure up? simple registration ease of product navigation support key user actions with minimum clicks weakness page layout is not liquid helpful content hard to find inspiration DIY'ers Strengths weakness optimize page layout more common resolution indicate on first product placement when not available for purchase on-line easy ordering process weakness strength page layout is not liquid, and doesn't indicate there is anything beneath fold add helpful hints to search, when no results found easy and clear ordering strength move link to design tools to top navigation
Transcript: Product Objective? "To Provide a Platform for companies to interact with customers" User Needs ?? "Find a place to chat to companies rather than wasting time on phone calls" The Skeleton Plane iHelp The Surface Plane Stratergy Plane Brand Identity Information Architecture Fairly Comfortable with computers/ 100% Internet Usage at Work / The Scope Plane We have stick to our core stratergy and eliminated ideas people gave during testing We have removed a lot of clutter We kept our Navigation very simple Rather than adding things as widgets we kept them constant Automated Testing We employed Selinium Testing Content The Structure Plane Gim/ 45/ Software Dev Manager 9Am-5Pm / Married/2 Children Fav Sites: Amazon, Ebay, Quora, Stack over Flow ● Ability to live chat with the customers ● Can remotely view the desktop of the customer representative "Customers from all the demographic areas tired of wasting time on long hold times to call companies" Our Team Questions? Anudeep Dasari, Developer Bhavya Vasireddy,Developer & Usability Tester Anudeep Chimakurthi, Developer Card Sorting Navigation Systems Testing Planes of Design Card Sorting Testing User Segmentation Before and After Testing Persona 1 Agenda User Experience Design and Testing Functional Requirements ? We chose colors to be bright and energetic We had a Grid based layout Many of the features were inspired and some we created to enhance the UX We generate FAQ’s from chats with the customer care ● We add the value to the product's from company by collecting content from the users
Transcript: UX Design Process Objective Analyze and propose a new user experience design for the Banco Agrario de Colombia Home Page. Objective Research Users About Banco Agrario de Colombia Products and Services They have a very big portfolio of multiple products and services. Agricultural Banking What products and services do they offer? Who are their page users? Business Banking Official Banking Persons Banking Products and Services Microfinance Banking SMEs Banking Research Banco Agrario Users Results Survey Results To know about the users and what was the most important thing on the page for them. 93% 85.1% 60% 42% 21.5% Cycle 5 2019 Cycle 4 2019 Cycle 1 2019 Cycle 3 2019 Cycle 2 2019 Upcoming events Based on the survey and user experiences User Flow HR HR New faces Name/Title New faces Name/Title Name/Title Name/Title Finance Finance Results 42% Results 67% 71% 80% Other Other Results Results Phase 1 Phase 3 Phase 2 Title
Transcript: UX Presentation HARRY'S Consistency Learnability Interactive, Functional, and Visual Design that meets the consumers needs of making their final purchasing decisions. Perceivability / Visibility Added Designs Predictability Feedback
Transcript: UX Development Services User Experience Introduction The UX Professionals Dave Shaykewich | Team Lead, UX & Front End Web Andrew Jung ('drew) | Information Architect Faye Hoffman | Sr. Information Architect Maria-Elena Froese (Maleh) | Information Architect Selina McGinnis | Functional Analyst Overview The Developers Craig McNaughton | Programmer Analyst Olivia Prior | Programmer Analyst Ray Choo | Sr. Software Developer Who we are The UX/Dev team Why we do it Strategy What we do Services How we do it Methodology Our Leader UX Strategy Strategy building solutions with the client (business) and customer (user) in mind improving the quality, productivity and satisfaction of people's study and work lives validating solutions through real customer feedback iterating upon solutions to ensure the final solution will work well for the people who will use it UX Strategy - Opportunity Create a formal UX strategy principles service offerings methodology A Project Charter is being developed Distribute and evangelize the value and benefits of UX work: Increased customer satisfaction Increased productivity Improved recruitment and retention efforts Decreased training and support costs Reduced development time and costs Reduced maintenance costs UX Context Involving UX professionals Why we should What can happen if we don't Services UX Services Researching, defining and user testing the navigation, organization and user interaction of the system. To ensure our solutions are useable and useful for our clients and their users. Support the strategy & development of solutions; User Research Planning PLANNING Requirements Elicitation Business Process Mapping Understanding user behaviours, needs and motivations through observation techniques, task analysis and other feedback methodologies. Gathering and analyzing user and business needs for the solution is an integral part of information systems design, critical to the success of interactive solutions. Assisting your organization in becoming more effective, through clear and detailed business process map or diagrams identifying whether or not improvements can be made to the current process. What are our client's and user's motivations and needs? Talk to users Understand processes Elicit requirements Identify opportunities Scan the environment Understand motivations Information Architecture Design DESIGN Interaction Design Focuses on organizing, structuring and labeling content in an effective, consistent and sustainable way. The goal is to help users find information and complete tasks. Create engaging interfaces with well thought out behaviours. Understand how users and technology communicate with each other Anticipate how someone might interact with the system Fix problems early Invent new ways of doing new things Provide consistent ways of doing familiar things We create solutions which meet those needs. Identifying actions and context Breaking down complexity Modelling solutions Creating consistency Prototyping solutions Heuristic (Expert) Evaluation Evaluation EVALUATION Usability Testing Unlike interviews or focus groups which attempt to get users to accurately self-report their own behaviour or preferences; Detect problems with ease of use Measure actual performance on critical tasks A usability inspection method that helps to identify usability problems in the interface (UI) design. Experts examine the interface (low to high-fidelity prototypes) Judge compliance with recognized usability principles We determine if the solution meets expectations. Standards review Watching and listening Confirming supposition Artifacts & Analogies Business opportunities identification Business process discovery, maps & diagrams Card sorting CMS content model Competitive review Content inventory Content maps Heuristic evaluation Interaction design patterns & guidelines Journey and service mapping UX artifacts & analogies Online surveys & reports Paper & 3D prototyping Persona development Requirements analysis Site architecture map Usability & focus groups Use cases & context maps User analysis & reporting User flow diagrams Wireframes Elements of User Experience ~ Jessie James Garrett UX as the blueprints for clients and developers The UX Toolbox Collaboration opportunity Developers Subject matter experts Users Stakeholders Methodology Methodology What does a UX process look like? Plan Research Observe Understand Analyze Design User artifacts Business processes Wireframes Maps Develop Solution delivery Communicate Monitor Refine Deploy Usability testing User acceptance Quality assurance Approval Elicit requirements and domain details from users/customers and stakeholders Collect existing business and/or user research data Analyze and compare user needs with business goals to identify opportunities Develop, communicate and iterate upon a solution plan with stakeholders and development team Create information architecture artifacts: user experience and business process maps, use case Q&A Q
Description: Show the big picture, zoom in on details, and explain clearly how it all relates with this Prezi executive brief or Prezi nonprofit template. The lively image and bold colors make it easy to create compelling, engaging executive brief or nonprofit presentations.
Description: For grant requests, program proposals, or any other nonprofit or education presentation, this globe-themed creative Prezi template is the way to generate interest and momentum. Like all Prezi education templates and Prezi nonprofit templates, it’s easy to customize.
Description: For grant requests, funding pitches, program proposals, or any other kind of education or nonprofit presentation, this Prezi template is the way to generate interest and momentum. Like all Prezi education templates and Prezi nonprofit templates, it’s easily customizable.
Description: Stand far above the stacks and stacks of flat, boring resumes on any hiring manager’s desk with a Prezi resume template. Just customize this Prezi presentation template to create your very own “Prezume” and impress them with your dynamism, coolness, and originality.
Now you can make any subject more engaging and memorable