Differences
This shows you the differences between two versions of the page.
|
se:project:milestones:m3 [2018/10/01 00:21] emilian.radoi |
se:project:milestones:m3 [2024/11/07 19:57] (current) avner.solomon |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== M3 - 14.11.17 ====== | + | ====== M3 - 13.11.24 ====== |
| - | <solution -hidden> | + | |
| - | ====== Persona, Flow, Site Map ====== | ||
| - | For this milestone add to your project presentation page the following: | + | ====== Wireframe and Landing Page ====== |
| - | - A user persona | + | |
| - | - The application flow | + | ==== Wireframe ==== |
| - | - The site/application map - [[http://mile.mmu.edu.my/orion/1132700458/wp-content/uploads/sites/1412/2016/01/sitemap.jpg | example]] | + | |
| + | A wireframe represents the skeleton/structure of your app. It describe the functionality of the product and the relations between views (e.g. what happens when clicking the buttons). It presents the content/features and where these can be found in the app. | ||
| + | The product's design is showcased by mockups, which represent the next stage after wireframes. | ||
| + | |||
| + | For this milestone you are only required to create wireframes for your product, but if you want to go for mockups, please feel free. | ||
| + | |||
| + | Check out [[https://balsamiq.com/ | Balsamiq]] (just a suggestion, you are free to use any tool). | ||
| + | |||
| + | Also check out [[https://v0.dev/ | Vercel V0]] (to speed up your prototyping/mockup and validation). | ||
| + | |||
| + | If your product is not a web or mobile app, figure out how you can showcase its functionality. | ||
| + | |||
| + | ==== Landing Page ==== | ||
| + | |||
| + | If you don't know what a landing page is, you can find more information [[https://letmegooglethat.com/?q=landing+page | here]]. | ||
| + | |||
| + | <note important> | ||
| + | In case it is not clear by now, each milestone has to be documented on the Fiki by its deadline. | ||
| + | |||
| + | For this milestone, include on the Fiki the wireframe and a link to the landing page. | ||
| + | </note> | ||
| - | </solution> | ||
