I think you are working a bit differently than what I have seen because I have never seen a BA get involved in hands on design work or development. Be careful about accepting that because Design is a very different discipline that takes decades to master and it can drain you if you try to juggle that alongside requirements and business analysis (which are also two different disciplines, but I digress ;)) Development is even more difficult to master, even if prototyping is not professional coding in the sense that you would never put prototype code into production because it is to sloppy. Wireframing can be made clickable, just like prototypes and the difference is that wireframes are lo-fi designs and prototypes are hi-fi designs. Mockups can be done in a design tool or in code and the term comes from the fact that it is not accurate or aligned with things like design guides and branding. It's basically a fancy sketch or HTML/CSS only approximation of something. Prototypes are clickable and accurate representations of a finished product. It can be done in a design tool or in code. Wireframes are usually created during interaction design where you want to define interactions rather than form and color. Mockups are used by all designers to illustrate their thoughts visually or as a starting point for further design work. Prototypes are used for UX research or as a deliverable to an external development team when they don't have design tools to work with. Sometimes it is even a final delivery from a design agency when there is no development approved yet.
This was very informative and easy to understand. Thank you 😊
Glad it was helpful! 😊
Thanks, Pippa...very informative.
Thank you!
Your videos never disappoint
Thank you 😊
Pls can you do a video on how to draw each of them if possible or just wire frame or mockups
I will add to my list 🙂
I think you are working a bit differently than what I have seen because I have never seen a BA get involved in hands on design work or development. Be careful about accepting that because Design is a very different discipline that takes decades to master and it can drain you if you try to juggle that alongside requirements and business analysis (which are also two different disciplines, but I digress ;)) Development is even more difficult to master, even if prototyping is not professional coding in the sense that you would never put prototype code into production because it is to sloppy.
Wireframing can be made clickable, just like prototypes and the difference is that wireframes are lo-fi designs and prototypes are hi-fi designs. Mockups can be done in a design tool or in code and the term comes from the fact that it is not accurate or aligned with things like design guides and branding. It's basically a fancy sketch or HTML/CSS only approximation of something.
Prototypes are clickable and accurate representations of a finished product. It can be done in a design tool or in code.
Wireframes are usually created during interaction design where you want to define interactions rather than form and color. Mockups are used by all designers to illustrate their thoughts visually or as a starting point for further design work. Prototypes are used for UX research or as a deliverable to an external development team when they don't have design tools to work with. Sometimes it is even a final delivery from a design agency when there is no development approved yet.
Thanks for your comment.