Mock Ups and Story Boards

[khourypa]

Hello,

 

Quick and easy question: I have been checking job boards and one of requirements is to do : " mock-ups and storyboards". What is that exactly? My background is Investments and Financial Products and I have no idea what it means.  I am new to the coding world. 

Thanks

Patrick

[kdfox1_6377_mentor_plus]

Mock-ups are a graphical representation of what a new design might look like. For example, if a client asks for a new button or feature to be added to a web page, you would outline what that new feature might look like. You can search "free wireframe tools" to assist with mock ups. You can use tools like Microsoft PowerPoint and Visio as well. See the attachment as an example.

Storyboards are essentially user stories. You are explaining what a user's goal is by interacting with the new feature. A client is telling you essentially what they want in the new feature. A developer will take user stories and other details like acceptance criteria and create the software solution. 

Here are a few examples of user stories with different persona perspectives (persona is the user profile i.e. business owner, etc):

• As a business owner, I want to print duplicate copies of invoices on all orders so that I have a copy for the customer and our records.
• As a power user, I want to automate my daily tasks so that I can focus on getting the work done more efficiently.

Many companies nowadays have adopted the agile methodology for software development and user stories or storyboards are essentially the requirements documentation. Google "agile software development" and "agile user stories" as part of your research. I hope this helps.

Edited May 9, 2022 by kdfox1_6377_mentor_plus

[catherinebennett]

Hi Patrick,

"Mock-ups" are detailed visual designs of a product (like a website or app), showing how it will look. "Storyboards" are like a series of sketches or frames, showing how users will interact with the product step by step.

These are common in design and development to plan and communicate ideas. Tools like Figma or Adobe XD are often used for mock-ups, while storyboarding can be done with simple sketches.