Description

• Human-Computer Interaction.
• Tools For Wire Framing:
  • Origami.
  • Figma.
  • InVision.
  • Framer.
• CSS mix-blend-mode.
• Blog & Other Resources:
  • Invision Design.
  • NN Group.
  • UXPin.
  • Airbnb Design.
  • Dropbox Design.
  • Design Matters.
• Episode Picks:
  • Nada Fadali: Second Person Shooter Video.
  • Luay: Zoho Mail.
  • Alfy: Command Line Heros Podcast.

The Process that Nada mentioned through out the episode:

• Discover
  • User research
    • Surveys
    • Interviews
    • Observations
    • Create persona to consolidate findings
  • Benchmarking
  • Heuristic analysis
  • Analytics and heat maps
  • Present findings to stakeholders
• Define
  • User flow
  • Sitemap
  • Rough sketches
  • Internal design review
• Design
  • Actual wireframes
  • Internal design review
• Deliver
  • Invision
  • Stakeholder workshop
• Evaluate
  • User testing
  • Workshop findings
  • Update wireframes
  • Handover to UI designer