Himesh Singh has over 7 years of experience in UX design. He has worked on projects for web and mobile at companies like MakeMyTrip, Fidelity International, and Times Internet. For his most recent project, he designed a live mobile bingo game from concept to completion. This included user research, prototyping, and collaborating with various teams to launch the game.
From the UX Week description:
Have you ever wanted to make an orchestrated, integrated, cross-product, multi-channel, location-sensitive, smart commerce, service designed product ecosystem for the masses? Yes?! Then this workshop is for you! Except that in this workshop, we will throw out the buzz words and provide a sensible framework for bringing products and services into both the glory and the minutia of people’s everyday lives. We will focus on the power and peril of a touchpoint. Just because you can touch someone, does that mean you should? We will explore how you can ensure that every occasion where your organization touches or connects with a person’s life is appropriate, relevant, meaningful, and endearing.
Information architecture (IA) is the art and science of organizing and structuring information in a way that optimizes findability and understanding. It involves developing navigation systems, labeling schemes, and content organization to help users easily find desired information. Key aspects of IA include navigation and labeling systems, content organization, and information storage and retrieval structures. Proper IA helps users intuitively understand a website's information hierarchy and structure, improving the user experience and supporting better search engine optimization.
Mapping Experiences and Orchestrating Touchpoints | Chris Risdon & Patrick Qu...Adaptive Path
The document outlines an agenda for mapping experiences and orchestrating touchpoints. It discusses experience mapping principles and provides an overview of the following topics:
1. What is experience mapping - Guiding principles for understanding customer experiences across interactions.
2. Gathering insights - The key inputs and research needed to understand experiences.
3. Mapping framework - A methodology for mapping human experiences across different situations.
4. Visualizing maps - Storytelling and visualization techniques to communicate insights and drive action.
5. Applying maps - Tips for using experience maps to create seamless customer experiences.
5 Things I Wish I Knew – A Service Design JourneyJamin Hegeman
The document discusses the key lessons learned from the speaker's journey in service design over many years. The five main lessons are: 1) Service design needs to consider the experiences of both customers and employees; 2) There is ambiguity in service design and you won't always know what you're doing; 3) Storytelling is important for conveying service experiences; 4) Ideas are not as important as executing and sustaining ideas over time; 5) Service design requires collaboration between different stakeholders.
Marga Javier • UX Designer & Strategist • PortfolioMargaret Javier
This document provides an overview of Marga Javier's background and experience as a UX designer and strategist. It summarizes some of her past projects, including creating an e-commerce gift guide for Strand bookstore based on curations from influential New Yorkers, designing an administrative platform for concierges to book massages through Zeel, and conceptualizing an art exchange platform between museums called Google Museum Exchange. It then describes Marga's design process, highlighting how she conducts user research, gains insights, and makes informed design decisions. Finally, it provides her contact information for further discussion.
This document discusses various interface design patterns and principles for navigation. It begins by explaining how interface design dresses up existing behaviors and notes that navigation allows some aspects of information architecture to be visible. It then covers different types of navigation including global navigation, local navigation, contextual navigation, pagination, sorting, and secondary navigation elements like site maps. The document emphasizes following conventions when they are widely adopted but exploring alternatives when usability testing suggests improvements. It concludes with an exercise asking readers to analyze the navigation of competitor websites.
This is a spec concept design for a travel site. It includes a design brief, interaction model, personas and user scenarios based on user interviews and ethnographic research.
From the UX Week description:
Have you ever wanted to make an orchestrated, integrated, cross-product, multi-channel, location-sensitive, smart commerce, service designed product ecosystem for the masses? Yes?! Then this workshop is for you! Except that in this workshop, we will throw out the buzz words and provide a sensible framework for bringing products and services into both the glory and the minutia of people’s everyday lives. We will focus on the power and peril of a touchpoint. Just because you can touch someone, does that mean you should? We will explore how you can ensure that every occasion where your organization touches or connects with a person’s life is appropriate, relevant, meaningful, and endearing.
Information architecture (IA) is the art and science of organizing and structuring information in a way that optimizes findability and understanding. It involves developing navigation systems, labeling schemes, and content organization to help users easily find desired information. Key aspects of IA include navigation and labeling systems, content organization, and information storage and retrieval structures. Proper IA helps users intuitively understand a website's information hierarchy and structure, improving the user experience and supporting better search engine optimization.
Mapping Experiences and Orchestrating Touchpoints | Chris Risdon & Patrick Qu...Adaptive Path
The document outlines an agenda for mapping experiences and orchestrating touchpoints. It discusses experience mapping principles and provides an overview of the following topics:
1. What is experience mapping - Guiding principles for understanding customer experiences across interactions.
2. Gathering insights - The key inputs and research needed to understand experiences.
3. Mapping framework - A methodology for mapping human experiences across different situations.
4. Visualizing maps - Storytelling and visualization techniques to communicate insights and drive action.
5. Applying maps - Tips for using experience maps to create seamless customer experiences.
5 Things I Wish I Knew – A Service Design JourneyJamin Hegeman
The document discusses the key lessons learned from the speaker's journey in service design over many years. The five main lessons are: 1) Service design needs to consider the experiences of both customers and employees; 2) There is ambiguity in service design and you won't always know what you're doing; 3) Storytelling is important for conveying service experiences; 4) Ideas are not as important as executing and sustaining ideas over time; 5) Service design requires collaboration between different stakeholders.
Marga Javier • UX Designer & Strategist • PortfolioMargaret Javier
This document provides an overview of Marga Javier's background and experience as a UX designer and strategist. It summarizes some of her past projects, including creating an e-commerce gift guide for Strand bookstore based on curations from influential New Yorkers, designing an administrative platform for concierges to book massages through Zeel, and conceptualizing an art exchange platform between museums called Google Museum Exchange. It then describes Marga's design process, highlighting how she conducts user research, gains insights, and makes informed design decisions. Finally, it provides her contact information for further discussion.
This document discusses various interface design patterns and principles for navigation. It begins by explaining how interface design dresses up existing behaviors and notes that navigation allows some aspects of information architecture to be visible. It then covers different types of navigation including global navigation, local navigation, contextual navigation, pagination, sorting, and secondary navigation elements like site maps. The document emphasizes following conventions when they are widely adopted but exploring alternatives when usability testing suggests improvements. It concludes with an exercise asking readers to analyze the navigation of competitor websites.
This is a spec concept design for a travel site. It includes a design brief, interaction model, personas and user scenarios based on user interviews and ethnographic research.
The document provides examples of Sarah-Beth Zoto's work experience in UX design, including projects for a hospital network, retail and technology clients, and industries like biotechnology and medical devices. It summarizes her skills in areas like information architecture, interaction design, and visual design. Case studies are described for projects like a property management inspection app, an eBook borrowing app for a library, and redesigning an online events catalog for a hospital system.
This document provides information about a user experience designer named Jaden Ng. It includes their portfolio, process, tools, case studies and testimonials. The portfolio highlights a case study where Jaden worked with Zipcar to design a carpooling feature and a client project with Chartbeat to redesign their user management system. For both projects, Jaden's role included research, user flows, prototyping and testing.
The document discusses visual hierarchy in UI design. It explains that visual hierarchy involves influencing users to understand and interact with website content in the ideal order. This is achieved through techniques like size, proximity, color, and position to prioritize important information. Establishing an effective visual hierarchy instantly communicates utility, usability and desirability to users.
The document discusses service design and experience mapping. It provides an example of an experience map created for Rail Europe to map out a customer's experience in planning, booking, traveling and returning from a rail trip in Europe. The experience map charts the customer's process, touchpoints, feelings and thoughts throughout the different stages. It then identifies opportunities to improve the customer experience and provides recommendations around communicating value, improving the booking and ticket experience, supporting customers through changes, and enabling ongoing planning.
The document provides guidelines for optimizing tourism websites. It recommends creating a lasting first impression through storytelling and inspiration. Websites should help visitors imagine destinations through rich sensory content like pictures and videos. Graphics should be optimized to determine visitor interests and influence travel plans. The design must be user-friendly with easy navigation, event calendars, deals and offers to meet various visitor needs and capture attention. Analytics can measure which content is most popular to better target different visitor segments.
The document discusses best practices for hospitality e-marketing, focusing on website design elements like visual appeal, demand generator content, navigation, flexibility, and scalability. It also covers e-marketing strategies like search engine optimization, social media, mobile marketing, and measurement and analytics. The seven-step travel process of inspiration, research, planning, booking, validating, and sharing is examined in the context of how websites can support each step of the customer journey.
If only I could create the perfect travel website (2008) Jason Till
Travel Technology Show seminar presentation given by Jason Till - a leading digital strategist and user experience expert on 6/2/2008, while he was Head of Digital at travel industry specialist, Designate.
This document is a presentation by Prince Pal about common mistakes in UX design. It provides humor and levity by listing signs of a "stupid UX designer" including claiming wireframes are complete design work, only learning during live use, and prioritizing creativity over technical skills. It also shares jokes about problematic design decisions like prioritizing certain colors in testing or demanding cross-browser compatibility with outdated browsers. The presentation concludes by crediting various sources for the UX humor and jokes.
Service Design is gaining popularity in the United States as a better approach to defining and orchestrating service experiences. While having much in common with user experience, service design in practice requires new ways of thinking and new methods of making. It also requires embracing both the complexity of service experiences and the organizations that deliver them.
This workshop is designed to get more user experience practitioners familiar with some of the methods of service design. Our session will focus on several lo-fi making approaches–acting, sketching, storytelling, and blueprinting–that can be used to iteratively conceptualize new service experiences.
The session will be fast-paced and iterative. You'll learn concepts and approaches that only can prepare you to tackle service experience problems, but can easily be applied to any project involving multiple touchpoints or channels. You'll be thrown in the service design deep end, but the water's warm (I promise).
The document discusses how location data from smartphones is transforming social interactions and commerce. It notes that smartphones now know users' locations and can share that over the internet. This allows merging location data with online databases to find out what is nearby. Location is changing everything. Examples discussed include location-based advertising, apps, maps, and social networks. The document envisions a future where augmented reality overlays useful location-based information about people and places on a user's view of the real world.
This document summarizes Bella Dwi Jayanti's presentation on UI/UX design. The schedule includes an introduction to UX principles, a hands-on activity to design an ice cream ordering app for children, and group presentations. Key topics discussed are UX vs UI, the UX design process of research, design, testing and iterative building, techniques like personas and usability testing, and principles such as keeping it simple and prioritizing the user experience. Examples demonstrate how to apply usability heuristics in a wireframe evaluation. The goal is to learn practical UX skills through an example project.
The document summarizes a usability study conducted on an interactive mapping site created by CARES (Center for Agricultural, Resource and Environmental Systems) at the University of Missouri. The study involved two groups of five participants each who were asked to complete tasks on the site while being observed. Issues uncovered included confusion over tools, terminology, and navigation. Recommendations were provided such as changing default tools, adding definitions, improving labeling and navigation buttons. The site was then improved based on the findings and further testing was proposed.
This document discusses user experience (UX) principles for designing multi-platform modules. It provides guidance on focusing on the user by understanding their demographics, psychographics, and creating user stories. It also covers designing for different platforms, information architecture, continuous experiences across platforms, and testing prototypes with users. The goal is to create a seamless experience for the audience as they engage with content across multiple devices and platforms.
This document appears to be a set of slides from a presentation on value co-creation and co-destruction in connected tourist experiences. The presentation discusses how information and communication technologies (ICTs) can both positively and negatively impact tourist experiences. On the positive side, ICTs can enable social connectedness, social sharing of experiences, and mental detachment during travel. However, ICTs can also present barriers to relaxation, interfere with fully experiencing a destination in the present moment, and create pressures and addictive behaviors around technology use. The presentation aims to provide a more holistic view of how ICTs can both add and diminish value for tourists.
Basic Visual Design Principles and UI Design Best PracticesAvijit Chinara
On these slides I have explained visual design principles and UI design best practices. This will help you to improve your visualization and UI Designing skills.
Foursquare is a social networking app that allows users to "check in" at locations and share their location with friends. It was created in 2009 and recommends places for users to visit based on their location and interests. Businesses can partner with Foursquare to advertise special offers and promotions to users who check in. Over time, Foursquare has grown significantly, with millions of check-ins and venues listed on the platform. It provides a useful city guide for both locals and tourists to discover new places.
A user experience designer Tina Lee's portfolio Tina Lee
This document contains a summary of Tina Lee's experience as a User Experience Designer. She has worked both in corporations and at design studios, iterating design processes in fast-paced environments and collaborating cross-functionally. Her background includes software engineering, library science, and user-centered design training, giving her both analytical and design thinking perspectives. She has led projects such as financial advisor platforms, HR portals, mobile workplace apps, and tax software.
An initial product concept document that outlines the product conceptually, maps the journey, outlines the user experience elements and showcase page screen specs
The Travel Genie app provides travelers with information about attractions, offers, and directions to help plan trips. Key features include providing details about nearby attractions and recommendations based on location, time, and interests. The app also allows users to save favorite items and get innovative travel recommendations. Designing the app considers challenges like data costs when traveling abroad and maintaining accurate venue information. The solution aims to reduce travel stress by providing contextual information to help users plan and make the most of their trips.
The document provides examples of Sarah-Beth Zoto's work experience in UX design, including projects for a hospital network, retail and technology clients, and industries like biotechnology and medical devices. It summarizes her skills in areas like information architecture, interaction design, and visual design. Case studies are described for projects like a property management inspection app, an eBook borrowing app for a library, and redesigning an online events catalog for a hospital system.
This document provides information about a user experience designer named Jaden Ng. It includes their portfolio, process, tools, case studies and testimonials. The portfolio highlights a case study where Jaden worked with Zipcar to design a carpooling feature and a client project with Chartbeat to redesign their user management system. For both projects, Jaden's role included research, user flows, prototyping and testing.
The document discusses visual hierarchy in UI design. It explains that visual hierarchy involves influencing users to understand and interact with website content in the ideal order. This is achieved through techniques like size, proximity, color, and position to prioritize important information. Establishing an effective visual hierarchy instantly communicates utility, usability and desirability to users.
The document discusses service design and experience mapping. It provides an example of an experience map created for Rail Europe to map out a customer's experience in planning, booking, traveling and returning from a rail trip in Europe. The experience map charts the customer's process, touchpoints, feelings and thoughts throughout the different stages. It then identifies opportunities to improve the customer experience and provides recommendations around communicating value, improving the booking and ticket experience, supporting customers through changes, and enabling ongoing planning.
The document provides guidelines for optimizing tourism websites. It recommends creating a lasting first impression through storytelling and inspiration. Websites should help visitors imagine destinations through rich sensory content like pictures and videos. Graphics should be optimized to determine visitor interests and influence travel plans. The design must be user-friendly with easy navigation, event calendars, deals and offers to meet various visitor needs and capture attention. Analytics can measure which content is most popular to better target different visitor segments.
The document discusses best practices for hospitality e-marketing, focusing on website design elements like visual appeal, demand generator content, navigation, flexibility, and scalability. It also covers e-marketing strategies like search engine optimization, social media, mobile marketing, and measurement and analytics. The seven-step travel process of inspiration, research, planning, booking, validating, and sharing is examined in the context of how websites can support each step of the customer journey.
If only I could create the perfect travel website (2008) Jason Till
Travel Technology Show seminar presentation given by Jason Till - a leading digital strategist and user experience expert on 6/2/2008, while he was Head of Digital at travel industry specialist, Designate.
This document is a presentation by Prince Pal about common mistakes in UX design. It provides humor and levity by listing signs of a "stupid UX designer" including claiming wireframes are complete design work, only learning during live use, and prioritizing creativity over technical skills. It also shares jokes about problematic design decisions like prioritizing certain colors in testing or demanding cross-browser compatibility with outdated browsers. The presentation concludes by crediting various sources for the UX humor and jokes.
Service Design is gaining popularity in the United States as a better approach to defining and orchestrating service experiences. While having much in common with user experience, service design in practice requires new ways of thinking and new methods of making. It also requires embracing both the complexity of service experiences and the organizations that deliver them.
This workshop is designed to get more user experience practitioners familiar with some of the methods of service design. Our session will focus on several lo-fi making approaches–acting, sketching, storytelling, and blueprinting–that can be used to iteratively conceptualize new service experiences.
The session will be fast-paced and iterative. You'll learn concepts and approaches that only can prepare you to tackle service experience problems, but can easily be applied to any project involving multiple touchpoints or channels. You'll be thrown in the service design deep end, but the water's warm (I promise).
The document discusses how location data from smartphones is transforming social interactions and commerce. It notes that smartphones now know users' locations and can share that over the internet. This allows merging location data with online databases to find out what is nearby. Location is changing everything. Examples discussed include location-based advertising, apps, maps, and social networks. The document envisions a future where augmented reality overlays useful location-based information about people and places on a user's view of the real world.
This document summarizes Bella Dwi Jayanti's presentation on UI/UX design. The schedule includes an introduction to UX principles, a hands-on activity to design an ice cream ordering app for children, and group presentations. Key topics discussed are UX vs UI, the UX design process of research, design, testing and iterative building, techniques like personas and usability testing, and principles such as keeping it simple and prioritizing the user experience. Examples demonstrate how to apply usability heuristics in a wireframe evaluation. The goal is to learn practical UX skills through an example project.
The document summarizes a usability study conducted on an interactive mapping site created by CARES (Center for Agricultural, Resource and Environmental Systems) at the University of Missouri. The study involved two groups of five participants each who were asked to complete tasks on the site while being observed. Issues uncovered included confusion over tools, terminology, and navigation. Recommendations were provided such as changing default tools, adding definitions, improving labeling and navigation buttons. The site was then improved based on the findings and further testing was proposed.
This document discusses user experience (UX) principles for designing multi-platform modules. It provides guidance on focusing on the user by understanding their demographics, psychographics, and creating user stories. It also covers designing for different platforms, information architecture, continuous experiences across platforms, and testing prototypes with users. The goal is to create a seamless experience for the audience as they engage with content across multiple devices and platforms.
This document appears to be a set of slides from a presentation on value co-creation and co-destruction in connected tourist experiences. The presentation discusses how information and communication technologies (ICTs) can both positively and negatively impact tourist experiences. On the positive side, ICTs can enable social connectedness, social sharing of experiences, and mental detachment during travel. However, ICTs can also present barriers to relaxation, interfere with fully experiencing a destination in the present moment, and create pressures and addictive behaviors around technology use. The presentation aims to provide a more holistic view of how ICTs can both add and diminish value for tourists.
Basic Visual Design Principles and UI Design Best PracticesAvijit Chinara
On these slides I have explained visual design principles and UI design best practices. This will help you to improve your visualization and UI Designing skills.
Foursquare is a social networking app that allows users to "check in" at locations and share their location with friends. It was created in 2009 and recommends places for users to visit based on their location and interests. Businesses can partner with Foursquare to advertise special offers and promotions to users who check in. Over time, Foursquare has grown significantly, with millions of check-ins and venues listed on the platform. It provides a useful city guide for both locals and tourists to discover new places.
A user experience designer Tina Lee's portfolio Tina Lee
This document contains a summary of Tina Lee's experience as a User Experience Designer. She has worked both in corporations and at design studios, iterating design processes in fast-paced environments and collaborating cross-functionally. Her background includes software engineering, library science, and user-centered design training, giving her both analytical and design thinking perspectives. She has led projects such as financial advisor platforms, HR portals, mobile workplace apps, and tax software.
An initial product concept document that outlines the product conceptually, maps the journey, outlines the user experience elements and showcase page screen specs
The Travel Genie app provides travelers with information about attractions, offers, and directions to help plan trips. Key features include providing details about nearby attractions and recommendations based on location, time, and interests. The app also allows users to save favorite items and get innovative travel recommendations. Designing the app considers challenges like data costs when traveling abroad and maintaining accurate venue information. The solution aims to reduce travel stress by providing contextual information to help users plan and make the most of their trips.
Journey Mapping for Damn Good Digital Design - PHX Digital Summit 2015Rebekah Baggs
Designing digital experiences that delight our users and meet our organizational objectives isn’t easy, but it’s not impossible. User journeys can help. Understanding our users context is critical to the success of every app or responsive website. But more often than not, we jump right into discussing functionality and technical requirements without ever stopping to consider who our users are and what they need.
While many of us seek out shiny new tools to prototype products, mapping the users’s journey is still the most reliable tool we can use to understand context and design mobile experiences that matter.
In this talk I cover:
- What journey mapping entails and why it is an essential tool for designing effective mobile experiences
- Practical tools and exercises you can use to understand user context and consider those insights in your app or responsive design
- Techniques for mapping user journeys with your team and applying what you've learned to build better user flows, features, interactions and interfaces
SAAL A - 1445 - KEYNOTE - The Content Marketing Overhaul with Mike King, iPul...PerformanceIN
A recognised authority in SEO, content strategy, social media and measurement, iPullRank's Mike King will take you through a theoretical content ‘overhaul’, covering the distinctions between your media strategy and marketing, idea generation tools, amplification and models for predicting success.
With brands and advertisers harnessing the power of engaging and relevant web media, it’s no surprise to see content marketing arrive in the mainstream. It’s often overlooked, however, that content is operating right at the heart of many B2B and B2C strategies, and is continually proving a key point of focus for businesses.
But with adoption and crowds of experts comes rivalry of the highest level. With so many on the content trail, how can you develop your own strategy to stand a cut above the rest?
All this and more will be ‘contentualised’ during the keynote session, with plenty of time for questions at the close.
Are satisfaction surveys as honest as they should be? How to understand what's really behind? “The weakest link” defines the impression of the whole service. Use of experience maps will help to concentrate on the important aspects and not to miss any little big details. Such an approach will benefit to the whole product team: PM, UX, BA, Developers and QAs.
This document provides an overview of user experience (UX) design. It discusses defining user and business goals through research, creating user profiles and personas, using information architecture to structure a site or app, designing based on data and analytics, and iterating the design. The key aspects covered are understanding users through subjective and objective research, creating a user journey and stories, wireframing screens, and using data from sources like analytics, heat maps and search logs to drive an iterative design process. The overall message is that UX design is an iterative journey to create a good user experience that achieves both user and business goals.
Unicorn invasion: A UX workshop for all levels and stuff!J+E Creative
The first rule of design is "you are not the user." The second rule of design? "You are not the user."
Join us for an afternoon UX-design workshop that turns user research and the iterative design process on its head by combining a little bit of trivia, a little bit of Clue, and a lot of fun. Together, we'll learn about and practice techniques for combining research and research deliverables to create effective user-centered designs. In doing, we'll cover hot UX topics such as personas, journey maps, user-flows, wireframes, and the sexy mysteries of the UX process.
Presented in partnership between 9th Path Creative and J+E Creative.
About JD Jordan and Brandy Porter:
JD is a veteran visual and User Experience designer with experience as a creative director, a design director, and a consultant with some of the biggest agencies and brands in the ATL and beyond. He is an acclaimed author, public speaker, and design educator.
Brandy is a seasoned design leader who has directed award-winning solutions for top consumer brands across all manner of media, devices, and environments. She has taught interaction design at corporate and collegiate levels with a focus on user behavior, intuitive design and critical thinking.
Digital Summit Charlotte: Journey Mapping for Damn Good Digital DesignRebekah Baggs
Designing mobile and responsive experiences that delight our users and meet our organizational objectives isn’t easy, but it’s not impossible. User journeys can help. Understanding our users context is critical to the success of every app or responsive website. But more often than not, we jump right into discussing functionality and technical requirements without ever stopping to considering who our users are and what they need. While many of us seek out shiny new tools to prototype products, mapping the users’s journey is still the most reliable tool we can use to understand context and design mobile experiences that matter.
This talk covers:
-What journey mapping entails (and why it is an essential tool for designing effective mobile experiences)
-Practical tools and exercises you can use to understand user context and consider those insights in your app or responsive design
-Techniques for mapping user journeys with your team and applying what you’ve learned to build better user flows, features, interactions and interfaces
This document provides guidance on creating high quality content at scale for marketing success. It emphasizes the importance of content strategy and understanding audiences. Various tools are recommended for content planning, research, creation and measurement to ensure content meets audience needs and drives business goals. Resources like surveys, public data sets, and freelance platforms can be leveraged to develop audience insights and create compelling content.
The document provides an overview of user experience (UX) design. It defines UX as a person's emotions and attitudes about using a product or service. UX design aims to enhance user satisfaction by improving usability, accessibility, and the overall user experience. The document recommends that developers learn basic design principles and work with UX designers. It also stresses the importance of accessibility and following guidelines like WCAG to ensure all users can access websites.
In this presentation i talk about the design process for mobile. From knowing your user goals and preferences, to your business needs, and the different factors you need to consider before building an app.
The document provides guidance for planning a York tour project, including sections on idea generation, research, potential approaches, techniques, and conventions. It discusses researching the target audience of younger people in York and developing ideas for advertising the tour, such as a short trailer video and interactive map app. The document outlines using 3D scans to create an animated map highlighting the tour path and editing footage in After Effects, with the goal of creating an advertisement that appeals to younger audiences.
Extracts from a workshop at GOVIS 2007 (www.govis.org.nz)
This one-day intensive workshop taught attendees how to incorporate user goals and agency needs into the web design process.
Workshop presenters: Zef Fugaz, Bob Medcalf, Elyssa Timmer
Feedback from the workshop attendees:
http://www.zefamedia.com/usability/feedback-from-power-to-the-people/
The document provides guidance for planning a practical project, including stages, types of planning, and documents to assemble. It notes this is not exhaustive and the template will need to be amended depending on the specific project. The document recommends adding more pages and visuals as needed and will be updated during pre-production.
Seraphm uses a design process called the Double Diamond model to help clients. The process has four phases - Discovery, Define, Design, and Deliver. In Discovery, they learn about the client's vision, users, competitors and industry. In Define, they synthesize user needs and align them with business goals. In Design, they develop and test design solutions. In Deliver, they finalize and communicate the product or service. The document provides a case study example of how they helped a startup called RightFoot that connects backpackers and travel businesses.
The document discusses user experience (UX) design and how it relates to the software development process. It describes UX tools that can be used during each development phase, including mind maps, site maps, personas, user flows, wireframes, heatmaps and analytics. The goal is to involve UX design principles at every step to develop software that meets users' needs and provides a positive experience.
This document provides guidance on designing mobile applications from a UX perspective. It discusses the importance of understanding the user and goals, evaluating available resources, getting design inspiration from other apps, and following platform-specific guidelines. The key steps are to know your user and goals, get inspired by other designs, choose the appropriate platform, leverage available resources like sensors and connectivity, test your designs through prototyping, and consider interactions and gestures for touchscreens. Platform-specific guidelines are discussed for iOS, Android, and Windows mobile designs.
Usability testing is a technique used to evaluate a website or application by testing it with real users. It involves having users complete typical tasks while observing them to identify any usability issues or areas for improvement. The key steps in usability testing include orienting users, having them complete tasks while thinking aloud, and debriefing afterwards. Findings from usability testing include both quantitative data like task completion times as well as qualitative data from user feedback, which are then analyzed together to form recommendations.
This document discusses various UX tools and methods that can help software developers integrate user experience best practices into their development process. It outlines the typical software development phases of analyze, design, develop/implement, and test, and provides examples of UX tools that can be used at each phase, such as mind maps and personas for analysis, wireframes and user flows for design, feature files for development, and heatmaps and analytics for testing. The overall goal is to help developers better understand users and build software that meets users' needs.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
1. UX
HIMESH SINGH
PORTFOLIO+91 9555841995 | himeshiitk@gmail.com
A wise man once said that every life has a purpose.
I know mine, it is Design.
I have learnt the user experience basics in M. Des at IITK. ADer that my ambiEons led me to MakeMyTrip,
Fidelity Interna2onal & now in Times internet where I was able to follow core UX Design processes,
standards and guidelines. MulEple projects for web and mobile were carried out in my tenure of 7 years, I
tried to learn each and everything of travel ,finance and gaming domain along with various user TesEng
sessions. My work delivered solid business results, in turn resulEng in an upscale of revenue. I was also
credited for creaEng delighMul user experiences. To add further, I have worked on cross-funcEonal portals,
persuasive user experience, heurisEc evaluaEon and enhanced usability. I have also envisioned innovaEve
design soluEons for exclusive B2C and B2E products such as Mid-Office, Freedom, My Account, Rail Info
Services app, responsive web pages for flights, hotels SEO, route planner for mobile, referral for app, mobile
app homepage, Air India holidays, support page and many more. In my overall experience, I have worked
closely with users, product managers, developers, content writers and FED resources.
1. ABOUT ME
2. DESIGN
In this phase, I define the
problem statement and generate
lot of ideas, produce something
tangilble and iden7fy challenges.
Do user tes7ng to find out did
we build the right thing and in
right way. Make wireframe or
low fidelity prototypes.
TECHNIQUES-
- Collabora7ve Design
- Workflow diagram
- Sitemap (complete list of all
pages available on a website)
- Paper Prototype
- Mood board
- A/B tes7ng
It’s 7me to draw insights from
the data collected. I try to find
out how this data will help to find
out solu7ons. It also helps to
confirm the assump7ons which
were made earlier.
TECHNIQUES-
- Card sor7ng
- Persona
- Affinity Diagramming
- Use cases
- Scenarios
- Experience Map
- Storyboards
ANALYSE
2. DESIGN PROCESS Followed
RESEARCH
In this phase, I grasp issues
through systema7c inves7ga7on.
It is done to collect all available
data in field and in house.
TECHNIQUES-
- Contextual Enquiry
- Surveys,
- User interview
- User Tes7ng
- Heuris7c Review
PRODUCTION
Now, final product is created with
the help of visual designer and
developers. I sit with them to
clearly communicate the vision.
Then I validate the final output
with the stakeholders and users
before sending for ‘go live’.
TECHNIQUES-
- High fidelity Design & digital
assets
- Usability tes7ng
- Unmoderated remote usability
test
- Beta launch
- A/B tes7ng here also
I follow 5 stages of design process explained
below. Under each stage, I apply various
techniques or which fits best to slove problem.
UNDERSTAND
Learn about stakeholders, discover
goals & ar7culate the their vision.
- What is PM/organisa7on is hoping
to get out of project.
- What will be success metrics?
- Priority in grand scheme of things.
- Findout whether already another
solu7on present in market.
TECHNIQUES-
- Compe7tor Analysis
- Analy7c Review
- Stakeholder Interviews
O@en called ‘STRATEGY’
3. WEEKEND
GETAWAY
3.0 APP IDEA
This idea was developed for the inter
team hackathon in MakeMyTrip. Travel
enthusiast people these days took small
break from work and look for desirable
weekend getaway. They always have to
look for bit and pieces of informa;on
from many websites like tripadvisor,
lonely planet, travel guide available on
internet and magazines. What if there is
solu;on in market which is easy to use
and trustworthy?
UCD process was followed to achieve the
solu;on
Empathise-Define-Ideate-Prototype-Test
3.1 PROCESS FOLLOWED
IDEATE
Persona
Emo/ons involved
EMPATHISE
Get into the shoes of real
travellor and plan to go for
holiday. Details are on
next page
DEFINE
Provide a tangible solu;on to
travel enthusiasts who travel
on weekend frequently. It
should be trustworthy,
enriched with informa;on &
safe.
Tech savvy, group traveller, money saving mind,
corporate job, want to enjoy every weekend,
intelligent, like offers and discounts, fitness
enthusiast, likes photography and memories
maker and ac;ve on social media. urban
mindset for dressing and food, easily get adjust
with IT industry people, need private space at
;mes. Doesn’t hesitate to pay online.
It has a huge role in the solu;on. Safe,
trustworthy, delighPul, enjoyable, peaceful,
full of adventure, happiness, love for - food,
people, place, living creatures, nature.
ac;vi;es & hobbies, fear to get lost, regret
to miss things.
4. Low
Economical
Self contary
Free
BUDGET
Hills
Beach
Resort
Safari
Historical
Desert
Adventure
Haunted
Religious
Aashram
THEME
Adventurous
Peace loving
Religious
Shopper
Foodie
Nature lover
Photography
INTERESTS
Tents
Bike
Trekking shoes
Gloves
Snow Jacket
Gadgets
Ropes
TO RENT
Dharmsala
Camps
Farm House
Hotel
Homestay
Resort
RelaFve/friends
home
PLAY TO STAY
Friends
Family
Couples
Colleagues
Ladies
Kids
Pets, animals
Bachelors
PARTICIPANTS
Date change
-Hotels/flights
Venue change
People change
IFnerary change
MODIFY
ReconfirmaFon
Hopeful
PersuaFon
Regret
Forget
Reminders
Forceful
EMOTIONS
Birthday
Team Offsite
Anniversary
OCCASSION
Nil
Breakfast, dinner
Drinks
Snacks,
Veg/Non-veg
Outside food
Homemade
Healthy
Milk for baby
FOOD
Places to stay
Timings venues
Place raFngs
Current Weather
Pre booking if any
Things to buy
Stuff to pack
Prices crosscheck
INFORMATION
NEEDED
Informal
Casual wear
Beach wear
Sports wear
Sandals
Sweat shirts
Hat/Cap
Googles
WHAT TO WEAR
25 - 40 yrs
Tech Savvy
Corporate Job
Travel enthusiast
Educated
PERSONA
Cab
Bus
Train
Tempo travellor
Bike
Ponies
TRANSPORT
Quila,temple,church
Site seeing
Club
Theatre/Concert
FesFval
Famous Eatery
Sport event
Amusement Park
Village tour
PLACES OF
INTEREST
On site
Online
by agent
Print voucher/tkt
In advance
All in package
BOOKING
RaYing
Treking/Cycling
Bunji Jumping
Sight seeing
Yoga/MeditaFon
Luxury stay
Jungle Safari
Horse Riding
Sports
Work and fun
TYPE OF
ACTIVITIES
Weekend
Long weekend
DURATION
Within 50 Km
50 - 100 Km
100- 150 Km
150 - 250 Km
250 +
DISTANCE
EMPATHIZE
Empathize : Step into the shoes of the user and
think of all keywords possible. I have wriben all
the keywords on paper and then tried to
categorise/condense/combine and refine.
3.2 WEEKEND GATEAWAY
5. 3.3 WEEKEND GATEAWAY
Insights was drawn a-er going through all the
data.
(TRIP PLANNING)
INSIGHTS
PRODUCT REQUIREMENT
USER THOUGHT PROCESS
HOW
WHAT
STARTS WITH
Gather Information
Distance
Mode of travel
Budget
No. of Days
required
Current
Weather
Places to
shopping/stay/
eat/visit
Best time to go
Enquire Friends
or
Search Online
Analyse
Tasks
Compare Packages
Decide for offline
or online
Decide for mode of
transport, no.of days
Make
Bookings
Preparation
Book Stay, transport
& Activities
Docs/Visa/Print
tickets
Prepare
Itinerary
Buy/Pack Gadgets
and clothes
Withdraw Cash
1. Tie up with local vendors
- Bike, tents, food supplies,
gloves, helmet, camera etc.
- Treking
- Boating/Rafting
- Camping
- Ayurvedic treatment
- Caterors/ spa etc.
2. Info about local shops
3. Hotel/Flight booking
assistance from players
4. Google map/ route
planner
5. Contextual info regarding
places - ongoing festivals
6. Senior Citizen assistance
7. Need Feedback/ Review
from travellors post travel
8. Corporate group travellor
bookings
9. Communication inside
groups
10. How to add ppl in similar
groups.
11. Seperate focus to group
and solo travellor
12. Different treatment -
Family vs bachelor
13. Safety for women
-Make economical holiday
booking
-Maximize fun during travel
-Networking
-Get more for every spend
-Minimize risk of life &
money
-Quick Hassle free booking
-Pursue interests
-Discover the place
-Recommendations
-Genuine Feedback
-Booking tool on mobile/web
-Assistance during travel
-Professional Advice
-Monitoring on the go/real
time data (e.g. live weather
update and route)
-Currency converter
-Language translator
-Save money
GOALS NEEDSPAINPOINTS
-Safety issues while traveling
-Senior citizen help
-Correct rating of places
-Clear itinerary details
-Sharing info with friends
-Save itinerary in mobile
-Language issues
-Getting right information of
places and public transport
-Get genuine views of
travelers
6. 1. Aesthe)cally rich to a1ract users to explore the app.
2. Visual cue that it is related with travel.
3. Focus on experience: help users to choose based on their
interests and distance.
4. Give users something to do. Interac)ve interface add
playfulness & delight.
5. Meaningful graphics with real content.
6. Easy to use for all age groups.
Hamburger menu
contains user profile,
no4fica4on se5ngs,
shortcuts and logout
Advance earch -
type loca4on
(screen flips, text
field appears)
Screen flips, text field appears
where user can type and
search
Ci4es are represented
according to distance
from the current
loca4on (through GPS)
Users can tap at the des4na4on
and look into small details here
itself
Se5ngs can let the user choose
the ac4vi4es as per his/her
interest
Users can also use this slider to
set the distance for search
The idea was to keep the landing page simple
as possible.
3.4 WEEKEND GATEAWAY
7. Ideal i(neray based on interest is given
on the top of the city page. So it gives
the idea of popular places as well as the
sequence of visit based on convenience
so that user would not waste their (me.
Pdf download and share.
Cost factor (very imp for decision)
Popular hotels recommended
and their ra(ngs
Important info
eg. few ATMs available
or info like restaurants ‘closes
by 9pm’
Users can check nearby
des(na(ons too and extend
their journey if they want.
All images of popular places/ac(vi(es.
Basic info
Customised package for expert users
Temperature and current weather Important info based on (me
of visit/ interests - fes(vals/
local food/exici(ng place etc.
NO NO things like plas(c
bags are not allowed or fine
on public smoking/drinking
Polular ac(vi(es offer you
special experienceMode of travel info
All the relevant informa/on which user needs to travel is given in inside pages of app.3.5 WEEKEND GATEAWAY
8. If user is commu,ng with own vehicle/
cab through road then small li8le
experiences to enjoy during journey.
User can view Ac,vi,es, Transport and
Hotels up front. On tapping on par,cular
sec,on, user will navigate to that sec,on.
Ideal i,nerary for the user who are not
aware of the place and looking for
sugges,ons for small li8le things.
3.6 WEEKEND GATEAWAY
Testing of prototype was conducted with users and iterations
were done based on the findings. Second design options with
various variation was also tested with users and feedback
was taken.
9. BINGO
4.0 MOBILE GAME
When I have joined Timesinternet, I got
opportunity to design a mobile game from
concept to end. This is first of it’s kind
‘live Bingo game’ which was made for
mobile users. The peculiar thing about
this project is that it is a online game
show which will be streamed live. An
anchor will play as host who will help
users to play Bingo on app.
I have ideated and designed this game
from scratch and it got live on 09 July’18.
I have played a role of product manager
too for this project. I was responsible to
make the project plan & to get the project
live on Ime. Also, I have learnt the
collaboraIon with different teams like
tech, producIon, markeIng, SEO, ASO,
legal, content, streaming and analyIcs.
Common people who have basic knowledge & less IQ and not belong to quizzing section.
People who are fond of Bingo and want to make some easy money.
Before getting live, research was done to understand the user mind. When concepts got final it was
again tested with users. Multiple iterations were done to improve the flows. Focus group with target
user group was also conducted.
Target User Group
• How to replicate the real world experience in the digital.
• To understand how television studio works.
• There are 3 users for which screens are made - Producer, anchor
and end user.
• Understand the anchor behaviour which performs live infront of
camera and reads my designed screen.
• Producer screen is also designed by me where producer initiates
any action which reflects on anchor screen
• and live game show on app.
• Co-ordination with different teams like front end, back end, QA,
streaming department, legal, content and
marketing.
• Writing detailed Jira so that QA team easily test the product
Challenges Faced
To increase DAU from 3.2
lakh to 5.2 lakh. 2 lakh new
users should be added
within 2 weeks of 100% live
version.
Success Metrics
Focus Group Usability Testing
10. ‘Understanding how production studio works’ was one of the
important and different step in this mobile game. Because
Quizmaster initiates action/instruction on his screen which is
followed by anchor and then triggers screen for mobile users.
4.1 BINGO PRODUCTION
• Research on Tambola and Bingo.
• Research on how live TV production works.
• Make rough concepts and test with users.
• Wireframing app, producer and anchor screens.
• Make wireframes for website.
• Communicate with visual designer and frontend
developers.
• Meetings with backend developers to understand
tech limitations and possibilities.
• Prototype and test.
• Brainstorm all the possible usecases and create
Jiras for frontend and backend developers.
• Create events for clevertap tool for analytics.
• Guide backend team for creating CMS where
game will be created.
• Make high level project plan.
• Write Product Requirement Document.
• Define ticket generation rules.
• Work closely with QC team and do UAT
• Explain rules and how to run show to Anchors and
producers.
• Execute dry run with anchor, producer and tech
team.
STEPS INVOLVED
Anchor in Production studio Producer in action
They used to prac/ce script in advance and speaks as per teleprompter in front them. The
main challenge for them is that it has to be in sync with the mobile screen. So user gets a
seemless experience. Example- To announce the number of Bingo game and the winners
as game finishes.
Producer ini/ates ac/on on his screen, which
simultaneously commands teleprompter and
show relevant screen on the mobile.
Example: He throws a number in Bingo game.
11. The flow:
• When live bingo game starts, anchor will explain the rules
which will appear on a pop.
• Then a random ;cket will be generated for user. Ticket
will always be visible on the screen along with anchor.
• An auto-claim will occur once a row/house is get filled.
• Anchor will announce a number. Timer runs for 6 secs.
• When user taps a number on his ;cket, it will get selected
with blue background.
• As anchor announce more numbers, one previous number
will also be visible to users.
• All the announced numbers will appear in board history.
• Game stats will be shown on top of the screen, user can
view the status of claimed prizes.
• Whenever winner is announced, winner will see the
winner pop.
• For wrong claim for the first ;me, user will be warned and
his numbers will be corrected. For second ;me he will be
eliminated. Numbers can be checked from board history.
• If user quit the game and come back, he can play for
remaining prizes.
• AJer game, ‘winners’ screen will be shown - full house
and rows.
I have designed all the screens for Bingo (add-on game
designed for Baazinow app). This game run on app at specific
time in a day where anchor will play as host of Bingo game.
User can join the game via app and they can play and win.
4.2 BINGO SCREENS
Final design
Wireframe
Producer Screen Anchor Screen
On playstore
Website
12. Dry run with anchors were done to ensure the smooth
live show with no technical glitches. When game is
developed, QC was done on all famous brands android
devices
4.3 BINGO TESTING
Wirecast tool QC TestingWirecast tool
App Screen
Anchor Screen
Producer
Screen
Production room images
13. How ___________ people solve/find answers if they have any query regarding _________. And how ___________
people access MAMI Support and ask ques@ons regarding ________ for example___________________.
1st & 3rd blank Users- novice, tech savvy, elderly, family, solo
2nd & 4th blank Refund, cashback, payment & all LOBs - flights, hotels, holidays, bus, rail and other.
( 3 Scenerios during Pre travel, during and post travel)
Example: Weather I will get milk for my baby in hotel or Elderly people will get support to switch the flight?
USER SCENARIOS & JOURNEYS
• Convince the director (postsales) to make a proper support page rather than skinning of old FAQ page
• Buy @me from product manager to do research
• Talk with developers to add func@onality of keyword search
• Sit with frontend developers for the proper execu@on of micro interac@ons
• Explain the logged-in and non-logged in user to homepage team
• Keep the PMs of other LOBs in loop as postsales is horizontal.
For example gathering top ques@ons and trending ques@ons from them.
CHALLENGES FACED
SUPPORT
PAGE
5.0 WEB
The idea of Support page to assist customers
24x7 regarding all the services available on MMT.
Before 2016, MMT had FAQ page which was 6
year old. Support was mainly dependent on mail &
call. Support page should cater all the queries of
users. It should be self-serve and helps users
to help themselves to find the solu@on.
The main goal of the ‘Support page’ was to
reduce the number of calls in customer care
cell.
5.1 GOAL
14. Data:
60% of people who visit
MA/MI donot call
90% of people who call
doesnʼt visit MAMI
I follow 5 stages of design process as explained
in 1.1
5.1 PROCESS
DATA RESEARCH IN HOUSE
4.5 lakhs of calls/mails in a month. JAN-FEB’ 17 data :
Other Steps
- Visited call centre and done contexual enquiry with call center execuFves.
- Detail study of tool called Einstein which has some ready made answers for agents.
- Go through support mails and categorise them under labels like refund, general enquiry etc.
- Done card sorFng exercise for deciding priorty of label and understand user’s mind set of grouping.
COMPETITOR ANALYSIS
View good compeFtor sites and analysis IA and structure of them. They
have few things common : Search bar, relevant/trending upfront quesFons
and popular topics.
15. L o g i n f o r n o n -
l o g g e d i n u s e r s
M y A c c o u n t M a i l e r s H o m e P a g e T h a n k y o u
S u p p o r t P a g e
Q / A P a g e
H e l p r e g a r d i n g c u r r e n t b o o k i n g S e a r c h Tr e n d i n g Q u e s < o n s P o p u l a r To p i c s C o n t a c t u s
C a l l / M a i l F e e d b a c k
V i e w D e t a i l s
P r i n t T i c k e t
M o d i f y
C a n c e l
C a n c e l / M o d
R e f u n d
B o o k i n g s
P a y m e n t s
O ff e r s
W a l l e t
R e w a r d s
O t h e r s
S e a r c h b a r
S e a r c h r e s u l t s
C o n t a c t u s
R e l a t e d A n s w e r s
c l i c k o n a c < o n b u K o n
Various layouts were made based to the
insights, taks & taskflows generated aOer the
research.
5.2 IA
16. New Approach to give users 3
op3ons in start- select topic/ help
regarding booking/ contact us. But
this approach failed in user tes3ng as
people straight away opt to contact
without going through other op3ons.
Layout 2
Tried to merge two pages together -
support home & detailed answer
page. But user felt cogni3ve load as
too much of things were going
on one page.
Layout 3Layout 1
Explora(on in IXDs started based on the self help
model. Started with LOBs and asking for booking ID
for further ac(ons. But this involved too many steps
and users felt lazy. They were interested in quick
help. Also there was space constraint in this op(on.
Various layouts were made based to the
insights, taks & taskflows generated aKer the
research.
5.3 CONCEPTS GENERATION - I
17. A"er user tes)ng, this layout was
finalized with some correc)ons.
Search bar was coming below the
first fold so it was decided to bring it
on top. Other change was to remove
crousel from the topics as users
completely missed some topics.
Layout 5
This is ini)al Q/A page which was
finalised a"er with few itera)ons.
Users were going back again & again
to home to search so search bar
added.
Bread crumbs was added for expert
users. Header removed. Contact us
added.
Layout 6Layout 4
Innova&ve approach to auto detect the bookings
of the users and show upfront the relevant
ac&ons related with the current bookings. But this
approach would best work in case of logged-in
user so it was decided to do this in phase 2.
Current focus is on non-logged in users.
Various layouts were made based to the
insights, taks & taskflows generated aCer the
research.
5.4 CONCEPTS GENERATION - II
18. This is the page where user will land
up in case he/she wants to view full
answers or viewing search results.
Non-Logged-in view.
Guide user to go to My
account - a page where
booking related ac?ons
take place
Based on the current call
drivers so that user gets
answer above the first
fold.
Keyword Search which
pulls out all the relevant
ques?ons from the
database.
These are the broad
categories which was
decided aFer the reading
500 feedbacks and
queries recieved and the
listening to customer
calls.
If s?ll users doesn’t get
the answers they can
contact us.
Top banner to run important info
and to add aesthe?cs to the page.
But it was later removed as it was
disrup?ng the flow and focus of
user.
Short preview of answer. It helps
in case of long answers. For eg.
visa norms
Related ques?ons if user doesn’t
find the answer.
In case user is logged-in then his
upcoming trip will be shown with
relevant ac?on related with
keyword searched.
Categories in which the ques?on fall
and user can search from this page
without going back.
1st part Persua?on to login and ac?onable items (prompts to login again)
2nd part Frequently asked ques?ons
3rd part Search bar. It will lead user to find relevant Answers. It will self help kind.
4th part Search through popular topics
5th part If user is s?ll unhappy or want to give feedback : Raise a request or
Contact us if user s?ll feels to call makemytrip or call, he can use this op?on.
Q/A DETAIL PAGESupport HomeVarious layouts were made based to the
insights, taks & taskflows generated a8er the
research.
5.5 FINAL IXDS
19. Various messages would come
within an answer such as
informa4on, sugges4on or
warning. Color are defined for
such messages.
Improved big search bar
acc. to usability. One of
the finding in the UT.
Standard text to answer
the query of user.
Heading, sub heading
and bullet to explain key
points
Tab view format,
suppose user have a
ques4on, but answer is
different for mobile and
desktop.
Image + text format
Tags under which a ques4on falls.
Feed back from the users
Relevant CTA if user have a
booking and ac4on related to the
answer shown. Then user will be
taken to My Account sec4on
where he/she can comlete the
ac4on.
Tabular format to display
charges or bill details.
In case of illustra4on or a
small video, window
defined.
MESSAGES STYLE AND
COLOR
Support at boMom in case user is not
sa4sfied with the answers.
More ques4ons
ANSWER FORMAT
DESIGN
Various layouts were made based to the
insights, taks & taskflows generated a8er the
research.
5.6 FINAL IXDS
20. Two flows were made:
1. Logged in flow
2. Non-logged-in flow.
5.7 FLOWS Non Logged-in User
Logged-in User
21. These are the final VDs which were finalized
by me and created visual designer.
5.8 FINAL VDS
22. MID
OFFICE
6.0
It is MMT backend portal where all the
documenta7on of bookings happens. It is a tool
directly built by developers over the period of
7me (on the basis of need of enhanced process &
new features). So it was huge task to re-built the
system and make it effec7ve for users. Basically
to increase their produc7vity and make processes
delighDul and short.
In midoffice, I have modified hotel and flights
sec7on. It contained more than 100 screens
combined of lookups, edit screens, mailers,
vouchers, charges, tables. It was a year long
project in which all the screens were revamped
with enhanced usability. I also got apprecia7on
from the call centre for simplifying the huge and
lengthy task.
• Done contextual enquiry with the users (agents) in the real environment.
• Understand the whole system which was huge.
• Collaborate with different tech teams and understand the flows and working.
• Enhance usability and learnability of tasks.
• Reduce the effort by making it simple- efficient with less cogni7ve load, build on previous flows.
• Make prototype and test with agents. Iterate and repeat test.
PROCESS FOLLOWED
Old Interface: CluTered, System built on feature by feature over the period of 7me. It has lot of dialog boxes.
23. Accordion
The whole project ran for more than a year with
hundreds of screens and overlays. Main work
was related with login, hotel interface, flight
interface and postsale ac=ons.
6.1 MID OFFICE
• No single person knew the whole info.
There were no PMs for this project.
Directly I sat with developers and get it
executed.
• There were no examples to follow. I
tried to improve it basis of heuris=c
principles of Jacob Neilson.
• Tes=ng has to be done at call centre
which was at different place.
• Co-ordinate with HTML team which was
outsourced.
• findable
• accessible
• clear
• useful
• controllable
• learnable
• delighLul
CHALLENGES FACED
UX HONEYCOMB GUIDING KEYWORDS
Most important quick icons on top.
Iden5fier (booking ID) and most important info.
Tabs grouped a>er research under booking card placed acc. to priority
New Interface: Clean and informa=on is revealed when required.
24. Agent have to check the
details and reconfirm the
hotel booking done by
an online user
More details open up in progressive
disclosure
The two LOBs - Hotels and Flights were
en6rely different from each other.
I have redesigned the whole page of hotel
bookings display page where all the bookings
are saved and displayed to agents.
6.2 MID OFFICE
The purpose was to enhance the usability to
increase the efficiency of the agents. Here
agents can take ac?ons like reconfirm,
execute special requests of customers to
add guest, add room, delete guests etc. In
reconfirma?on process, agent need to call
hotel owner/manager to confirm the hotel
booking specially in remote areas where
internet is unavailable.
LANDING PAGE : HOTELS MIDOFFICE
(Re-confirm/update/edit hotel booking)
25. Ticket Issuance
-LCC Ticket Issuance
-GDS Ticket Issuance
Booking Issuance
-Failed ID
-Lost ID
Schedule Date Change
Changing in Pax Details
-When Airline allows changes
-When Airline does not allow changes
Changing in Departure Date
Changing in Departure Time
One example screen:
(Flights MulEple PNRs for
same booking ID usecase)
This is smart interface where
agents can quickly access
details of passengers and
segments. ANer viewing the
details, agent can iniEate
ediEng directly from here.
A"er hotels, flight page was too redesigned to
enhance the overall User Experience.
6.3 MID OFFICE
DESIGNED SCREENS FOR USECASES
(check/update/edit flight booking)
Visual Design
27. Journey Map GAANA music app
My Latest Work
Search for app icon
Tap icon to open app
Switch on bluetooth to connect headsets through
opening settings or pull up menus on device home.
I think my internet is working fine.
Why everytime I need to connect device
Where is the app icon in the mobile
Excited to listen music
Anticipating good internet connection
Frustating to connect device to bluetooth
Help people to easily connect bluetooth
App icon should be quickly findable
Give info about internet connection like strength
etc.
Getting ready to go for office
Singing in bathroom
Listening to radio played by room partner
Searching for his headphones
Watching songs on television in PG mess
I think my voice is bad.
How these radio jockey are so spontaneous
Watching HD video songs is great
I will listen to this song again in cab
Again I have to go boring office
Excited to listen music
Get to know about the users daily routines and
habit may help in curating his playlist
Browsing the topics
Looking for his favourite artists
He is interested in new releases
Exploring the playlist like top hits, trending songs
Searching for something specific in mind
Type to search when he doesn’t find he want
Oh that’s new song
That’s new feature
Where is my favourite song
Is there any shortcut to get what I want
Excited to find how is this new song
Confused between the categories
Frustated to browse and look for specific songs
Eager to listen to all new songs which he discovered
Overwhemled to see lot of songs at one place
Triggered Nostalgia to see a very old favourite song
Show new songs based on user’s history
Ask preferences to show relavant data
Increase discoverability of new arrivals
Smart navigation
Play the chosen one
Analysing whether to listen full or go back
Go back if the song selected was not good
Look for lyrics if wants to sing along
Increase the volume if he really likes it
Where was this song all the time?
How people make such a song?
Who is the singer and lyricist?
Let’s me share this activity with friends
Can I make this my ringtone
Will play again on specific future occassion
Let me pull my friends/family and listen together
Can I share a specific lines/music with someone
Excited after listening song
Feel satisfied/thrist quenched
Feel pumped up
Feels to listen more like this and get drowned
Feel sad after listening to a emotional song
Keep user engaged and give next task
Persuade not to quit
Wonderful to find new favourite song
Aweful after listening a song of different taste
Down in Memory lane
Increase the engagement
Add feature like sing along
Add some written facts of song in between stanzas
Try changing audio modes
Play again if he likes it
Want to download if he wants to listen later offline
Share with friends
Mark it favourite
Add to his playlist
Find similar music
Search for more songs of same album
Play the specific portion again
Access downloaded song
Looks for last played song
Search for latest released song
Explore what’s new & settings
Want to set preferences
Complete profile
Look for subscription offers & compare plans
Want to give feedback/suggesstion
Let me hear last song again
Where is the song which I saw in ad
It’s very hard/easy task to search
Wonderful to have this app
It’s very annoying app, hard to find stuff
Excited to listen likable songs
Very important to engage this user as he may not
come back again.
Right time to give him offer
Enhance his knowledge about features
Show gratitude
Support people those who are looking for help
Kunal is 24 year old newly graduate from a reputed engineering college. He got placed in MNC in Gurgaon as a software engineer. He belongs to Agra. He lives in a PG in south Delhi
with his school time friend. Kunal is a sports fan especially football and a music lover. He have different apps in his mobile like gaana, google music, spotify, hungama etc. Whenever he
has free time, he plays football on FIFA app. When he gets bore, he connect his earphones and listen to music. He generally listen to music while jogging in morning and during
commute to workplace in his office cab. Also, he enjoys music during break in office or whenever he hangs out alone in mall or market place on weekend. He keep himself updated of
all new songs in market. In office and at his home, he is like music guru to all.
Kunal office is in Gurgaon and he lives in PG at south Delhi. Every morning, he go to office in his office cab to Gurgaon
which takes 45 mins to 1 hr. Sometimes it takes more time if cab gets stuck in traffic. He wan’t to kill the commute
time and keep himself entertained. So he generally open one of his music app and listen to his favourite songs. He also
search for new songs of his favourite artists as he want to keep himself updated.
1. Discover new music
4. Enjoy the time while using app
2. Get similar music suggesstions
3. Organise his favourite songs according to mood
so that he can listen them later without searching again
DoingPhases
During App Scenario
ThinkingFeeling
Opportunities
/Insights
Phase 1 Phase 2 Phase 3 Phase 4 Phase 5
Persona Scenario User Expectations
Opens App
Pre
App
Scenario
Browse music Plays Music Post Playing Revisits app
Humming the song while doing his work
Discussing about songs with roommate
Arguing when he is asked to stop humming
Checking the reply after sharing the song link
About the music of the new song
Thinking of the weird lyrics of song
Feeling satisfied after listening songs
Excited to listen songs in night again
There are high chances that die hard music lovers
to convert into paid users.
Post
App
Scenario
28. Gaana: Home page redesign - wireframes
After doing the some UX research which include User Survey, Competitor Analysis and Journey Map, I have tried to understand the mindset of
a music lover and redesigned home page and player of Gaana App.
Thought behind new home page:
Create navigation such that it is easy to understand.
Create meaningful broad groups of songs which help user to browse & pick song to play efficiently.
Help user to set preferences so that customised homepage can be created when he visits again.
Increase discoverability of songs and he need not to search again.
Use technology to help user to find his song: Chat bot assistant
Home page can vary according to time of day or ongoing festival.
‘Recent’ added in bottom navigation which helps user to quickly access his last searches (on which he had spent so much time to discover)
‘My Music’ and ‘search’ page (not shown here) along with home can give best experience to user.
Non Paid user home page: first half only changed
29. Gaana: Player redesign - wireframes
Thought behind new player:
Current player ‘from the features/tech point of view’, it is already one of the best among its competitors. so, I have made few changes.
I have designed the player(audio) according to user flow of reading information- starting from the name and ‘queue’ in the end. I believe it will
have better usability and less time to grasp information.
I have removed the icon from the right hand side which hamper the picture/video behind.
I have added features - Like & Dislike button to understand/record the user preferences and data will help to give better options to user.
I have given feature upfront on player, like audio mode inpired from Winamp player for desktop.
Redesigned queue to increase it’s usability, like intuitive scroll to view full and collaspse icon to minimize it.
Similar song suggesstion to add in the queue.