User experience design
2 likes128 views
The document discusses user experience design by Sriram C, focusing on various aspects including audience targeting, value proposition, information architecture, and navigation for enhancing usability. It emphasizes the importance of effective site design, the use of wireframes, and CSS for optimizing landing pages to maximize conversion rates. Additionally, it offers techniques like card sorting and storyboarding to improve content organization and user engagement.
User experience design
- 1. USER EXPERIENCE DESIGN BY SRIRAM.C MBA DMS PONDICHERRY UNIVERSITY
- 2. ANSWERS THE FOLLOWING QUESTIONS • Who are our audience? • Why should they use our site? • What services to be provided?(value proposition) • How will content be structured (information architecture) • Navigation (findability) • Outcomes desired (lead generation, registration, sales) • When where, on which device the site is used?
- 3. Functional UX design TYPES OF UX DESIGN creative UX design the website or interface primary objective is to perform specific activities and functions iit is engaging the user by using various elements so that overall website experience is immersive
- 4. User centric design 1.APPROACHES TO UX DESIGN Marketing centric design Usability Site is designed on the basis of inputs from customer needs Tries to achieve desired action from the target by persuasion Answers the following questions What action needs to be taken? Who needs to take the action? How do we persuade the person to take action?
- 5. THE NEW YORK BUSINESS SOCIETY Take time for 1 on 1 meetings, give people purpose by explaining the bigger picture, and try using the hierarchical objectives and key results to help people understand how company goals align with theirs. ELEMENTS OF UX usability findablity localization accessibility
- 6. Creating a plan to group information logically including Creation of site map. A well developed information architecture is essential for usability ( navigation options and findability). Essential for ecommerce , media owner sites 2.INFORMATION ARCHITECTURE Organized labelled and easy navigation(usability) Facilitaties task completinon and intuitive access to content Findability and easily manageable
- 8. Card sorting TECHNIQUES FOR DESIGNING INFORMATION ARCHITECTURE testing process in which users categorize web objeccts for task completion and efficient navigation storyboarding Blueprints wireframes It shows thee grouping of information and links between pages illustrates how the content of a website is relataed and navigated It s used to indicate the layout of a web page. It contains the outline of a page, with different areas of content and navigation shown by white space The process of using static drawings or screenshots of the different parts of a website to review the design concept with user groups
- 9. Wire frames are converted into site design page templates using CSS (cascading style sheets CSS AND ITS BENEFITS Typography Background colour and images Borders and margins Bandwidth-pages download faster after initial page load More efficient development- Reduces updating and maintenance time Increase accessibility what it controls benefits of CSS
- 10. Designing landing pages is important for site owners to mazimize conversion rate, since many first visitors arrive from links from other sites LANDING PAGE AND ITS IMPORTANCE • Aim1- Generate response • Aim6- attract visitors through seo • Aim2-engage different audience types • Aim3- communicate key brand messages • Aim5- show case range of offers(cross-sell) • Aim4- answer the visitor’s questions
- 11. 3. DESIGN THE USER EXPERIENCE Identify different audience Rank importance of audience to each business Three most information needs of audience Ask representatives of each audience type to develop their wish lists 1. Site design and structure 2. Page design 3. Content design Stages of site design Elements of site design
- 12. There are some basic factors for effectiveness of site SITE DESIGN AND STRUCTURE Coherence LegibilityComplexity Site style •Typography •Images Layout Colour Site personality Visual design The speed of the downloading graphics The screen resolution of the computer Type of browser used Different access devices site navigation •• Where am i • Where have I been • Where do I want to go • How do I get back home
- 13. Appropriate layout of page elements to meet the goals of findablity , usability Elements are: 1. title 2.layout 3. content Page elemnets: proportion of page devoted to content compared to all other materia combination of static and dynamic content(rich media content Page Design Content Design