Week 08: User Experience/User Interface Design and AI

Lecture

Today we will be having a guest speaker, Julia Bradshaw, Lead User Experience Designer at Color Of Change, giving us a breakdown of what user experience and user interface design is and her process when working on a project. We will then be looking at how we can use generative AI platforms like ChatGPT, Perplexity, MidJourney, Uizard and Figma AI Plugins (Wireframe Designer and Codia AI Design) in collaboration with traditional tools like Google Forms, Adobe Illustrator and Figma to help augment and optimize the user experience and user interface design process for an interactive digital experience.

Julia Bradshaw’s Talk

UX/UI and Gen AI Demo

Homework

  • Pick a website to redesign.
  • To help with the user experience design process, use ChatGPT or Perplexity to:
    • better understand the company as well as the market, user demographics and competition.
    • understand the existing website (sitemap, current user flow, content architecture, content hierarchy).
    • better understand how the website could be improved for that specific demographic.
    • put together survey and interview questions.
    • identify internal staff members who you should interview. As a thought experiment use ChatGPT/Perplexity to act as each one of those staff members and answer the interview questions.
    • output suggestions on a recommend new sitemap, user flow, content architecture, content hierarchy.
  • Play around with Uizard’s AI tools and Figma’s Wireframe Designer plugin.
  • Use a text-to-image platform (MidJourney suggested, Firefly is fine) to generate wireframes for the new website and import those wireframes into Uizard’s plaform or Figma using the Codia.
  • Write a blog post talking about your experience going through this process and where you see generative AI being helpful when it comes to user experience design and user interface design.

Leave a Reply