Day #10: UI/UX design process, part 2

Hi everyone! This is a part 2 of the video, I really loved the way Design gal broke down this process and wanted to note down as much of it as possible so enjoy the read!

• Wire framing
  • Rough sketches, do not go all out and include branding or colour palettes etc
  • Examples of tools
    • Balsamique
    • Sketch
    • Illustrator
  • An interactive wireframe is called a prototype
  • User testing of the prototype can be done here
• Hand over to UI or visual design
  • Colour palettes
  • Typography styles
  • Buttons styles and element styles that will be repeated throughout the product
  • At this point possibly consider a mood board/style guide
• High fidelity mock up
  • This is the final product, no questions of what the final will resemble
  • Tools mentioned:
    • Invision
    • Zeplin
  • One has to work with developers on this step and communicate on details of the project
• Testing/ Quality assurance
  • Job is to break the product as best they can, to find flaws that need to be fixed
  • Bug testing
• Product launch
• Even though the product is launched continue to test, refine and iterate the product even after it has gone live

Normally I will highlight a few points in a video that stood out for me but this entire video was amazing and packed with useful content, I really do recommend watching the video. Especially if you find you are being met with this question a lot, I know that I will now also be more prepared when tackling a project and it has even given me a number of ideas to improve my overall work flow

Bye for now!