For this assignment, you're going to take the designs that you created and create an interactive prototype with them. To do this, first, you'll have to go to your designs (Figma) and add a few more pages/screens to illustrate the animation. For example, you may have one screen that you already designed (during stage 3) but to truly show the experience of the app, you recreate the same exact screen except the button has a different color to show what happens when someone clicks on a button.
Here is the link for Figma previous design (Protype)
https://www.figma.com/proto/IihY3o1usaPa5vjhMIPa3K/Untitled?node-id=4%3A11&scaling=min-zoom&page-id=0%3A1
Update: The video mentions Invision but we're actually going to use the same Figma app for prototyping as well.
At the end of the day, your main focus should be on giving people the true experience of the app as if it was the real thing.
To learn more, check out this video --
https://www.youtube.com/watch?v=-sAAa-CCOcg
----------
Frequently asked questions
1. How many screens should I create a design for?
You should have at least double the amount from the last assignment. If you had one screen that shows 'login' you should create a few more to show the login process.
2. What's platform do we use for this stage?
For this stage, we use Figma (figma.com)
3. How do I submit?
Paste your sharable Figma link
@font-face {font-family:Mangal; panose-1:2 4 5 3 5 2 3 3 2 2; mso-font-charset:1; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:40963 0 0 0 1 0;}@font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;}@font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-469750017 -1073732485 9 0 511 0;}p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin:0in; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:Mangal; mso-bidi-theme-font:minor-bidi; mso-bidi-language:AR-SA;}a:link, span.MsoHyperlink {mso-style-priority:99; color:blue; text-decoration:underline; text-underline:single;}a:visited, span.MsoHyperlinkFollowed {mso-style-noshow:yes; mso-style-priority:99; color:#954F72; mso-themecolor:followedhyperlink; text-decoration:underline; text-underline:single;}p {mso-style-noshow:yes; mso-style-priority:99; mso-margin-top-alt:auto; margin-right:0in; mso-margin-bottom-alt:auto; margin-left:0in; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman",serif; mso-fareast-font-family:"Times New Roman";}.MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; mso-bidi-font-size:12.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:Mangal; mso-bidi-theme-font:minor-bidi; mso-bidi-language:AR-SA;}div.WordSection1 {page:WordSection1;}