meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
ixc2024:tech:wfrontend:ideation [2024/05/27 15:42] rubenhuygensixc2024:tech:wfrontend:ideation [2024/05/27 15:44] (current) rubenhuygens
Line 36: Line 36:
 After you are satisfied with how your initial design looks, you can proceed to use one of the online tools for creating digital tools. We suggest using [[https://balsamiq.com|Balsamiq]] or [[https://figma.com|Figma]] After you are satisfied with how your initial design looks, you can proceed to use one of the online tools for creating digital tools. We suggest using [[https://balsamiq.com|Balsamiq]] or [[https://figma.com|Figma]]
  
-==Option 1: Balsamiq (https://balsamiq.com) ==  +   Balsamiq enables the creation of prototypes of low to medium levels of fidelity. The prototypes still give sketch feeling and are easy to change and work with.
- +
-Balsamiq enables creation of prototypes of low to medium level of fidelity. The prototypes still give sketch feeling and are easy to change and work with.+
  
 {{:ixc2024:team_1:final_mockup.png?400|}} {{:ixc2024:team_1:final_mockup.png?400|}}
  
-==Option 2: Figma (https://figma.com) == +   Figma enables the creation of prototypes from medium to high levels of fidelity. The power of Figma is that you can even make a clickable prototype. Meaning that you can show the flow of how your application would be working when fully implemented.  
-Figma enables creation of prototypes form medium to high level of fidelity. Power in Figma is that you can even make a clickable prototype. Meaning that you can show the flow of how your application would be working when fully implemented. +       * When you are done with design, you may try creating **Flows**. Flows enable your Figma prototype to become clickable and it lets you showcase how your application would be working when fully implemented.
  
 {{:ixc2024:team_1:screenshot_2024-05-21_at_15.14.02.png?400|}} {{:ixc2024:team_1:screenshot_2024-05-21_at_15.14.02.png?400|}}
 {{:ixc2024:team_1:screenshot_2024-05-21_at_15.14.08.png?400|}} {{:ixc2024:team_1:screenshot_2024-05-21_at_15.14.08.png?400|}}
- 
 {{:ixc2024:team_1:screenshot_2024-05-21_at_15.13.52.png?400|}} {{:ixc2024:team_1:screenshot_2024-05-21_at_15.13.52.png?400|}}
- 
- 
-When you are done with design, you may try creating **Flows**. Flows enable your Figma prototype to become clickable and it lets you showcase how your application would be working when fully implemented. 
- 
 {{:ixc2024:team_1:screenshot_2024-05-21_at_15.14.24.png?400|}} {{:ixc2024:team_1:screenshot_2024-05-21_at_15.14.24.png?400|}}
- 
 {{:ixc2024:team_1:untitled_drawing_10_.png?400|}} {{:ixc2024:team_1:untitled_drawing_10_.png?400|}}