Difference between revisions of "Professional development/Design thinking/Software prototyping and tools"
| Line 63: | Line 63: | ||
Here is an introduction to GitHub https://guides.github.com/activities/hello-world/ | Here is an introduction to GitHub https://guides.github.com/activities/hello-world/ | ||
| − | === Tools === | + | ===Tools=== |
Here is a list of tools for <u>UI and UX prototyping</u> that could be useful and are very easy to use: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9 (Figma, Balsamiq and Adobe XD are suggested which are free or free for students) | Here is a list of tools for <u>UI and UX prototyping</u> that could be useful and are very easy to use: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9 (Figma, Balsamiq and Adobe XD are suggested which are free or free for students) | ||
Here is a list of platforms that require <u>minimal coding experience</u> to use: | Here is a list of platforms that require <u>minimal coding experience</u> to use: | ||
| − | * [https://appinventor.mit.edu/ MIT app inventor] (android apps only) | + | *[https://appinventor.mit.edu/ MIT app inventor] (android apps only) |
| − | * [https://thunkable.com/#/ Thunkable] (android and iOS apps) | + | *[https://thunkable.com/#/ Thunkable] (android and iOS apps) |
| − | * [https://www.wix.com/ Wix] (website) | + | *[https://www.wix.com/ Wix] (website) |
| + | *[https://powerapps.microsoft.com/en-us/ Microsoft Power Apps] (android, iOS and windows) | ||
Here is a list of useful <u>websites with code syntax and libraries</u> which can help you get started: | Here is a list of useful <u>websites with code syntax and libraries</u> which can help you get started: | ||
| − | * [https://www.w3schools.com/ W3 Schools] (HTML, CSS, JavaScript, SQL, PHP and more!) | + | *[https://www.w3schools.com/ W3 Schools] (HTML, CSS, JavaScript, SQL, PHP and more!) |
| − | * | + | * |
| − | Here is a list of other platforms for building apps or websites which you would need more coding experience to use: | + | Here is a list of other platforms for building apps or websites which you would need <u>more coding experience</u> to use: |
| − | * [https://developer.android.com/studio Android studio] | + | *[https://developer.android.com/studio Android studio] |
| + | *[https://developers.google.com/apis-explorer Google API] | ||
* | * | ||
Revision as of 19:28, 5 February 2021
Many of us (TAs/PMs and students) struggle with the concept of testing software or just how to prototype software. It is less concrete than physical prototyping and is harder to wrap your head around. You might say that you can’t test or can’t prototype something because it is software...think again!
We’ll compare it to a typical mechanical design cycle (not considering client involvement):
| Design step | Mechanical | Software |
| Conceptual designs | Hand/computer drawn sketches | Hand/computer drawn sketches |
| Preliminary design | Rough CAD assemblies | Wireframe designs/flowchart |
| Detailed design | Fully defined CAD | High fidelity mockup/Initial coded software |
| Simulation/testing | CAD force/fluid simulations | UX simulation |
| Prototype 1 | Manufactured part(s) | Functional coded software |
| Refined testing | Testing under load against metrics | Sub functions to test behavior of specific features against metrics |
In our GNG1103/2101 classes the cycle looks a little differently where you might have:
| Design step | Mechanical | Software |
| Conceptual designs | Hand drawn sketches | Hand drawn sketches |
| Detailed design | Detailed sketches of sub-assemblies with some analysis | Wireframe designs/flowchart |
| Prototype 1 | Cardboard prototype | High fidelity mockup/Initial coded software |
| Simulation/testing | Functional testing of prototype against metrics | UX simulation against metrics |
| Prototype 2/3 | Assembled and functional prototype | Functional software |
Sharing
When working in a team you will definitely want to share your files to work on things together. In mechanical GrabCad Workbench is a popular tool but in software GitHub is definitely an industry standard.
Here is an introduction to GitHub https://guides.github.com/activities/hello-world/
Tools
Here is a list of tools for UI and UX prototyping that could be useful and are very easy to use: https://blog.prototypr.io/top-20-prototyping-tools-for-ui-and-ux-designers-2017-46d59be0b3a9 (Figma, Balsamiq and Adobe XD are suggested which are free or free for students)
Here is a list of platforms that require minimal coding experience to use:
- MIT app inventor (android apps only)
- Thunkable (android and iOS apps)
- Wix (website)
- Microsoft Power Apps (android, iOS and windows)
Here is a list of useful websites with code syntax and libraries which can help you get started:
- W3 Schools (HTML, CSS, JavaScript, SQL, PHP and more!)
Here is a list of other platforms for building apps or websites which you would need more coding experience to use: