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

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!

Leave a Reply

Your email address will not be published. Required fields are marked *