Upgrade to Pro — share decks privately, control downloads, hide ads and more …

David Devaney Portfolio

David Phelan
November 13, 2024
22

David Devaney Portfolio

A portfolio of my UX design work

David Phelan

November 13, 2024
Tweet

Transcript

  1. Introduction to David Devaney Objective: To learn about me and

    my UX journey. Starter: Decode these images to reveal three things about me!
  2. About Me Hi I’m David, here are the three things

    you should know about me: 1. I’m a former teacher 2. A current Mancunian 3. A new father
  3. The Challenge As part of my Diploma in UX Design,

    I was asked to design a new website for a start-up airline. Throughout this project, I applied the UX Design process to make a fast, easy to use and intuitive website. Research Design Validate → → → Identify the problem Articulate the problem Let’s solve the problem! Test the solution Define I was working full time while completing the diploma so had limited budget and time.
  4. Researched the offerings of booking flows, picked up positives and

    things to avoid in my designs. Research Competitive benchmarking User research Conducted surveys and usability tests to learn about the goals, behaviours and context of potential users My first usability test contained too many leading questions. After watching it, I realised it wouldn’t help me with my design decisions so I redid the test.
  5. Positive Negative Saved departure airport - saves time for users.

    Unnecessary categories - Could these be consolidated under the ‘Manage Trip’ button? Flight search function should be front and centre. The offer for a deal above the ‘find flight’ box seems poorly placed and not functional.
  6. What website do you use to book flights? What device

    do you use to access airline websites? Behaviours: The majority of people use mobile devices to access airline websites and they are more likely to use aggregator websites suggesting price and convenience are a priority.
  7. “I’m at a loss. I scrolled down expecting to see

    my return flight, back to London, but I’ve got to the end of the page [...] I’m genuinely confused.” “I can’t find where to book [...] I thought there should be something there [...] to book the flights.” Both users were confused by the lack of feedback given during the booking process.
  8. Define Affinity Diagram Customer Journey Map Reviewed my research data

    and structured it into groups using an affinity diagram. Synthesised my research into a customer journey map. Distilled insights, narrowed down pain points, set out must haves. Groups Data
  9. Competitive benchmarking Survey Notes Usability tests (1) Usability test (2)

    Landing Page Goals Searching Flights Flight Info Add ons Customer journey Groups
  10. Common pain points: visibility of buttons which support the users

    primary goal. Feedback on key actions, such as flight selection, not present. Prioritising upselling over the user experience.
  11. Design Flow Diagram Interaction Design Designed the high-level booking flow

    intended to fix the problems identified so far. Developed the interactions and explored different design options.
  12. Validate Prototype for Desktop Annotated Wireframe Built a prototype website

    to test my design solutions. Handover notes to the developer explaining how the website should work.
  13. Usability test “Bags is in the horizontal bar but I

    didn’t see the bags screen so I assume something has gone wrong?”
  14. Learning point - The problem My first prototype confused the

    user because it required a different mental model than the one she was used to.
  15. Learning point - The solution My first prototype confused the

    user because it required a different mental model than the one she was used to so I simplified the navigation bar and moved ‘bags’ to ‘extras’.
  16. Plenary How much have you learned about me? Take this

    short quiz to find out! Contact [email protected] 07455 667266 Click here my for CV