You're about to create your best presentation ever

Get started with Prezi

Presentation Template For User Experience Design

Create your presentation by reusing one of our great community templates.

USER EXPERIENCE DESIGN

Transcript: The rule of 80 : 20 Directly solve the problem Fast Simple Office Apps Make user feel fun, relax Games Phone VS Tablet 85 % Web vs Native Serious Forgotten Screens Where is your app position USER EXPERIENCE DESIGN 62 % why will you need UX design What is UX where to start Ux Design for mobile Web VS Native Assistant Users have their expectation differently Available in app store everything load from server Where to start 20 UX Design for Mobile Navigation Tab Toolbar Platform GUI of customers base future purchase on past experiences ‘Most people make the mistake of thinking design is what it looks like. That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works’ – Steve Jobs 80 of online shoppers will tell friends about a bad experience online Tools/ Productivities Play Tools Web in App with HTML Relax maybe in living room, office, home can use longer time expect more functions New experiences to solve problem Personal Life Style Apps Available in app store something load from server but some process in client browser Data not found screen Web App Native Splash Screen Like youtube, Live TV Why would you need UX Not available for download Everything load from server Suddenly update version of UX problems can be solved by testing with 5 users should be fast not interrupt user to the main function Branding of users leave a website because of poorly designed UX Available in app store most things process in client device and load some from server Fast !!! Easy to open and close concentrate on function and content 1 page app Weather, Compass What is UX Should tell the user what happens in the term that user can understand and guide what should they do then Should tell user that this is not the program error but we just can't find what you're looking for Fun/Entertain 68 % Web in App without HTML UX Design 44 % Error screen

User Experience Design

Transcript: Behaviors Difficulties in visiting school and meet the counselor Shifting the mindset toward digital communication Majority are seeking advice for Academic advises, second trend is for behavioral and attitude issues Looking for different advises from other more qualified counselors, due to lack of confidence and trust worthy Users' Anxiety of ignorance if depending on the digital reporting, might no actions would be taken to solve the reported issue Design Lead Presentation Lead For Students/Parents Who seeking for a trusted and free consultation platform, Hakeem is a consultation platform that provide several types of consultation by a qualified counselors. Unlike Labayh, Our product is free and sponsor by Ministry of Education. Launch Dislikes Paying more ! (price). Physical connection. Share information with guider directly. Product Vision Statement Analyze User Experience Design Course All of users using visiting school to discuss their kids’ problem. Only one school arrange scheduled visiting. What’s-app and phone call are the popular way to contact counselor remotely. One female user didn’t like to contact to counselor by using chat. Academic issues like grading and student assessment are the most reasons to visit counselor. Two of users visiting school for teaching methods, teaching environment. Bullying, and behavioral issues take a very highly attention of parents to have an advice from school counselor. All of user think the online contact will allow them to seek an advice from counselor. All of users think the availability , privacy, voice record, counselor qualifications, and easy to user are the most important features they are looking for. Interview Questions Secondary Competitors Features Prioritization Final Project Team 2 Target Personas User Flow(Parent) Team Members We want to help [Students/ Parents] solve the problem of [facing difficulties in finding right consultation related to academic and behavioral issues] by creating [Personal Educational Consultation Platform]. and we are different from our competitors because [ Trusted and Free]. We will know we have achieved success when we accomplish [the number of requesting advises and the high satisfaction rates]. Five areas that could ask about to help you learn about the topic: Target needs. Target segmentation. Features. Consultations. Competitors/ similar platforms. Target Audience: Students. Parents. User Flows Synthesizing Research User Flow(Counselor) Hakeem Platform Synthesizing Research Abdullah Al-khulifi Hakeem Platform Ghaida Al-Raddadi Understand Competitive Analysis Ali Qublan Research Plan Students dashboards offered by educational institutions. Quotes “I don’t share my identity when I seek advice online”. “Privacy is very important”. “I like connection remotely”. “Availability is important”. “Online platform will be a good idea”. Competitive Research Brand Matrix User Research is a consultation platform that helps students and parents to get advices from qualified counselors related to academic and behavioral issues. Project Manager UX Design Process Experience Map Storyboarding Likes Connecting remotely. Share information with TRUSTED party. Follow my son. Privacy . Research Lead How many kids do have in school and their ages? How do you contact to school’s counselor? Which kind of problems can you share it with counselor? How much important to you to have another? Do you think the online contact can drive you to seek an advice? List the best tools and why? Which features is valuable to ask an advice: Unique Offer Hypothesis: We believe that by creating Personal Educational Consultation Platform for Samer Ibrahim, we will achieve a better consultation by a qualified counselor and ensure the availability of advising platform. We will know this true when we see the number of requesting advises and the high satisfaction rates. User Interview Research User Experience Design Eman Ramel Primary Competitors Problem Statement: Samer Ibrahim needs a way to communicate effectively with a qualified counselor because he is facing difficulties in finding right consultation related to his children’s academic and behavioral issues at school. Privacy Endorsement Accessibility Simplicity Durability Personalization Sponsorship Feature Inventory Problem Statement & Hypothesis Affinity Map Availability Price Location Qualification Interview Findings Research Goals: Find out a perspective about services offered. Validation and solution that it can provide. Project Manager Fahad Al-Sanee Design

User Experience Design

Transcript: While a user interface can make up a part of the user experience, these are not exchangeable terms Backend code and business logic affect UX, but don't affect the UI Examples of different parts that make up IWT's user experience -graphic interface -use (or lack) of intuitive navigation -documentation and user manuals -verbal instructions/in-person core user training User case: specific scenarios of use by characters from the user persona What is UX? User Experience Design != User Interface Design Non-Mobile Design For programmers! Resources: http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0465067107 http://www.uxdesignedge.com/2010/03/dont-design-like-a-programmer/ http://www.infoq.com/news/2014/08/google-course-ux Create personas and use cases Don't design without a user in mind Don't be afraid to delete code Design before coding, every time UX isn't a step, it's a process Designers spend a lot more time thinking about the user, creating user personas and use cases, where developers often jump immediately into coding after receiving basic specifications User Experience is a user's overall satisfaction level when using your product or system User Experience Design is 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 (UX doesn't just apply to technology. User Experience Design comes into the creation of things like grocery store layouts, furniture and even crappy 17 cent WalMart notebooks!) UX and UXD Designers vs. Developers User Experience Design Know Your User 5. Map page flow 6. Design each page 7. Simplify and optimize 8. Test with real users User persona: fictional characters created to represent the different user types that might use a site, brand, or product in a similar way End How We Become Better Designers It's worth it to spend some time before creating an app to get to know your user, this will eliminate the "back to the drawing board" phase of creation that many developers face after displaying their first (or fifth) take on the app. But also keep in mind: Mobile Design 1. Define users 2. Define user goals 3. Define user tasks 4. Define user context

User Experience Design

Transcript: My recommendations Check-ins: Return to L&D after 6 or 9 months for meet and greets or weekend retreats with team-building activities. Extra Rotation: One additional week in a preferred department for better understanding. Support: Counseling sessions. Feedback: Anonymous surveys at the start, middle, and end of the program. Gamification: Earn points for task completion and hitting targets, redeemable for rewards (e.g., 1500 points for a 5000 rupee cashback or a discount card). Reverse Mentorship. Schenkers (singapore) Schenker AG and its many subsidiaries handle worldwide logistics operations including Land Transport, Air and Ocean Freight as well as Contract Logistics/SCM, and is part of the DB Schenker organization. Duration: 205 years. They have a MT maturity model Develpoment route plans Overview Nestle Management Dialougue Biennial sharing session. 1 guest speaker per session + open discussion and Q/A. 3-4 project presentations. Improvement projects On going Work with mentor (HOD) or a coach(manager) Train, strategizing and executing. Internal social media On going exercise Duration: 12 months Rotations: 4 rotations, 3 months each Relocation: Housing and food provided Engagement Activities: Weekly fun events every Friday night (e.g., Tambola, cricket matches, painting nights) Telstra (Australia) Duration: 14 months Structure: Rotations across various business units Participation in corporate projects Orientation: 2 weeks with an LT mentor Frontline Attachments: Customer relationship management, corporate, and mass market for a few weeks Subsequent attachments in HR, IT, Finance, Marketing, Wholesale, and international services TIG Rotation: 8 weeks Department Attachment: 20 weeks with projects and job shadowing with Executive leadership trainers Activities: Action-learning projects, work assignments, and networking events PROGRESSION CHART Poney Company: Leading Malaysian kids' fashion retailer Education: Diploma or degree in related field Compensation: RM2400 + RM100 transport allowance per month Duration: 6 months (3 months at HQ, 3 months at boutique) Post-Program: Potential for permanent placement based on performance Responsibilities: Individual project/case study (e.g., customer service improvement, market analysis) Mentor assigned for guidance Assessment: Based on performance, attitude, and project completion Bank Al Habib ASSESSMENT CHART Opportunities: Interaction with banking experts Learning through case studies, project assignments, and evaluations Perks and Benefits: Competitive monthly remuneration Health and life insurance Provident and gratuity fund Ex Gratia Staff financing facilities (house, personal, motorcycle) Coca Cola-Icecek MT programs’ structures Duration: 12 months Orientation: 1 week (Strategy games, obstacle courses) Training: No specific training period; all 12 months are training Projects assigned after orientation No structured rotations; rotations occur during projects LMS for periodic training sessions (e.g., new joiner FSC training) Evaluations: Mid-year and final evaluations (6-month progress presentations) Permanent position after final evaluation Benefits: Dental care OPDs Eye checkups Emergency insurance card

User Experience Design

Transcript: The Golden Ratio is defined as: Rules for User Centered Design CLIENT Red & Green INPUT Metaphor Color is the most powerful tool in visual design Request inputs the user understand Request inputs in a natural sequence Display only the desired output Display output in appropriate format Developer-Centered VS User-Centered The Color Wheel Understand Your Users SERVICE The Golden Ratio Recycle Bin Types of User Beginner, Intermediate & Expert Conclusion User Experience Design OUTPUT Blue & Orange Yellow & Purple ITIS Tech Sharing Day

User Experience Design

Transcript: User Experience Design Exploring Key Principles and Trends Inclusive Design Inclusive design aims to create products accessible to a diverse range of users, considering disabilities, age, and cultural differences. This approach not only broadens user reach but also enhances user experience by allowing everyone to engage with the product effectively. Use of AI in UX Artificial intelligence is transforming UX design by enabling personalization and predictive analytics. AI tools analyze user data to tailor experiences based on behavior patterns, significantly enhancing user interactions and satisfaction. Conversational UX Conversational UX encompasses design elements that facilitate interaction through natural language dialogue. This trend is driven by the rise of chatbots and voice assistants, which allow users to engage more intuitively with technology, improving overall user satisfaction. Trends in UX Design The landscape of UX design is rapidly evolving with new trends that enhance user engagement and satisfaction. Understanding these trends is vital for creating effective and user-friendly designs. Mobile-First Design Mobile-first design prioritizes the mobile user experience before scaling up for larger screens. With over 50% of global web traffic coming from mobile devices, creating designs that work seamlessly on smartphones is essential for accessibility and engagement. Visual Design Visual design focuses on aesthetics and emotional connection, utilizing color, typography, and imagery to enhance user engagement. Effective visual design complements usability, guiding users through the interface seamlessly. Iterative Testing Iterative testing involves continuously evaluating design solutions through user testing and feedback. This process refines usability and ensures the product meets user needs, leading to better user satisfaction and product success. Wireframing and Prototyping Wireframing provides a skeletal framework of the design, illustrating the layout and functionality. Prototyping transforms these wireframes into interactive models, enabling real-time usability testing and feedback collection. UX Design Process Ideation and Concepts The UX design process involves systematic stages from ideation to iterative testing, ensuring user-centered solutions. Each phase is essential for delivering intuitive and engaging experiences, ultimately enhancing user satisfaction and product validity. Ideation is where creative ideas are born, focusing on identifying user needs and problems. Techniques like brainstorming, mind mapping, and user journey mapping help generate innovative concepts, driving effective design solutions. A/B Testing Introduction to UX Definition of User Experience A/B testing compares two versions of a webpage or app to determine which performs better. By analyzing user interactions and conversion rates for each version, designers can make data-driven decisions that optimize user engagement and satisfaction. User Experience (UX) encompasses all aspects of the user's interaction with a product or service. Understanding UX is essential for creating solutions that meet user needs, ensuring satisfaction and loyalty. Usability Testing User Experience refers to the overall experience a user has with a product, system, or service. It includes all interactions, perceptions, and emotions that result from the use of the product. Usability testing assesses how easily users can navigate and interact with a product. By observing users performing tasks, designers can identify pain points and enhance the user experience based on real feedback, ensuring the product meets user expectations. Accessibility in UX Consistency and Standards Consistency in UX design creates familiarity for users, allowing them to navigate applications more intuitively. Adhering to established standards helps maintain coherence across different platforms and enhances user experience. Importance of UX Design UX vs. Usability Accessibility in UX ensures that all users, including those with disabilities, can effectively interact with digital products. Implementing accessibility guidelines, such as WCAG, enhances usability and inclusivity in design. UX Research Methods Effective UX design is critical for user satisfaction and retention. A well-designed product can improve usability, increase accessibility, and enhance customer loyalty, ultimately leading to higher conversions. While UX encompasses the overall interaction with a product, usability focuses specifically on how easy and efficient it is to use. Both aspects are crucial for creating successful products that meet user needs effectively. Surveys and Questionnaires Feedback and Response Understanding the fundamental UX research methods is crucial for designing user-centered products. These methods provide valuable insights into user needs and preferences, ensuring that design decisions are grounded in real-world data. Providing timely and relevant feedback is crucial for

User Experience Design

Transcript: In Other Words... Some Examples... The Jamaica Information Service Website (January 2010) The Jamaica Information Service Website (January 2012) What's the major difference? DESIGN Why is a focus on design in tech products so important? What are others doing? I thought Facebook was a tech company, not a "design organization"!? What About the Open Source World? Do they care about design? "As the consumer tech market becomes more crowded, differentiated brand & experience design is becoming critical to both short & long term success." - Enrique Allen (Venture Capitalist) Business is about profitability, engineering is about feasibility, and design is about desirability -- and all three specialties need to overlap in a successful startup. "I'm talking particularly about consumer tech, where the user experience and the brand is so important for differentiating from all the other crap, and that's what designers should be good at." Enrique Allen (Venture Capitalist) In other words... Thank You. Another quote from the ICT guy... We work locally, but compete globally... Soul Behaviour Personality Delightful Useful Usable More aesthetically appealing Better visual hierarchy Better information architecture etc... One is technology. "As with any design organization, there are certain beliefs we hold at Facebook, certain qualities that we strive for in our work. It's what enables us to debate whether something "Is Facebook" or "Isn't Facebook," it's what allows us to evaluate whether anything we're designing could be improved. It's our Design Principles, and today we're excited to share them with you." Design + Engineering + Business = Universal Human Clean Consistent Useful Fast Transparent If we're going to compete globally we have to follow a similar approach of collaboration between designers and developers from the begining stages of the development cycle. This is the competitive advantage that influences user adoption. "What we're hoping to do is shift the paradigm of what design is. Design encompasses systems now, not just 'making things look pretty,'" - Enrique Allen (Venture Capitalist) "Facebook has been running its design team in the same way for years. Unlike most software companies where day-to-day and detailed product decisions are made by product managers with business backgrounds, Mark Zuckerberg's design team is his imperial guard. They work closer to him than any other discipline in the company." Which would you prefer to drive? “You have got to start with the technology and then work backwards to the costomer experience. You can’t start with the customer experience, and figure out where you are going to sell it.” – Not Steve Jobs The Point? “In most people’s vocabularies, design means veneer. It’s interior decorating. It’s the fabric of the curtains of the sofa. But to me, nothing could be further from the meaning of design. Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service.” – Steve Jobs More Focused on tech/engineering of the product. Celebrates the novelty of technology. AWESOMENESS Soul Behaviour Personality Delightful Cant live without it! "The powerful fusion of great design, great engineering, and real authority in the hands of those people, results in magical user experiences. As we have seen over and over again, this simple dynamic creates truly great products." Source: http://www.inc.com By: Roger Davis (@layerphase) More Focused on tech/engineering of the product. Celebrates the novelty of technology. 1 Now that was more like an example of a... The other is Obviously that was an example of a... Both can take you from point A to point B Both have 4 wheels Both have headlights Both have horns Both are technologically innovative Both manufactured by the same company User experience design is NOT Soul Behaviour Personality Delightful Cant live without it! What do two cars have to do with Jamaica's Information & Communications Technology (ICT) Industry? The Competitive Advantage in Influencing User Adoption Source: http://developer.android.com/design/get-started/principles.html Remember... Enchant Me Delight me in surprising ways Real objects are more fun than buttons and menus Let me make it mine Get to know me Simplify My Life Keep it brief Focused equally on design and tech/engineering. Provides a more pleasurable experience. @layerphase User interface design. Photo Credits: Instead, we should be less tech/engineering focused and be more user focused or human-centered so we can make more stuff like this... Got to the footer much sooner with this version! ;-) Facebook even has a list of design principles... Finally, we've reached to the footer of the website! ;-) Here's a quote from an ICT guy... Like this *Customer = User The Difference? We sometimes do the opposite... http://oldcarandtruckpictures.com http://www.guardian.co.uk http://www.macstories.net http://latestcarslaunch.blogspot.com

User Experience Design

Transcript: Internal cut down on support, training, maintenance... What is usability? How to improve it? * Necessary condition for survival on the web Webpage is difficult Homepage is unclear Information is hard to find Dont know what the site offers Conclusion Most basic and useful - user testing get some representative users (customers) to perform representative tasks as you observe them If you do it right, you need only 5 users to identify ~84% issues Methods of improving this 'ease of use' during the design phase Learnability - using the interface for the first time? Efficiency - how quickly can users accomplish their task? Memorability - how much do they remember over time? Errors - how many? how severe? what is the recovery? Satisfaction - the pleasure of using the interface User Experience Design and Usability Why is it important? External increase sales, leads, other desired goals! Best practice - spend about 10% on usability - double the website's desired quality metrics How easy is it to use an interface? useful = usability + utility

Explore our templates for more presentation inspiration

World Map - Antique

Description: Impactful presentations need stunning visuals and a meaningful metaphor to show high-level concepts and the smaller details. This customizable presentation template uses a classic world map visual to help you navigate complex information while staying grounded in your presentation’s core message.

Creativity-Paint

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.

World Map - Atlas

Description: For program proposals, grant requests, or any other nonprofit or education presentation, this beautiful world map-inspired creative Prezi template will engage and captivate your audience. All Prezi education templates and Prezi nonprofit templates are easy to customize.

Best Executive Presentation Template to Customize | Prezi

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.

Now you can make any subject more engaging and memorable

Get started with Prezi