prototyping tools (in 2018) – Only Infotechelse
so what is prototyping?
what is the goal
the goal is to prototype a software/app for fun (and a software has interactions)
it's commonly advised that prototyping should be done via code (but i dunno any code atm, and am just doing an ideal app/software for fun)
first here's the design im making:
this software is meant for something the size of an ipad,
and not an iphone cos the screen size is far too small and limiting (im pretty sure ill never get a phone ever again within my lifetime because of how little value it adds to my life)
- you have a completely white background
- at center is either a) text/info, b) image/pic, c) video, or d) any other kind of info
if it was non-text, it would take up the fullscreen, but im thinking a) text/info
we can call what we see 'text #1'
when this software auto-opens on your ipad, it always always opens at 'text #1'
you're able to set exactly what you see when the software opens
when you swipe to the right, you see 'text #2'
when you swipe right again, you see '2 columns' of 'text #3' and 'text #4'
on any of these 'notes/pages/screens', you can swipe down
swiping down brings up a menu that takes up 1/4 – 1/2 of the bottom of the screen
this 'menu' has 'note #1 to note #20' (this can be text or any other media forms of info like videos)
on any of the screens, when you swipe up, it'd always always bring the same exact content
we could call it 'same_content_upon_swipping_up'
this can be any kind of content/info (and we already know what are all the kinds/types of content from using lots of sites & software)
swiping diagonally can do other things, or bring up other things (haven't decided yet)
voice commands like 'apple pie recipe' would be the best UX/UI/HCI method to go about most or all of the interactions
because voice commands is versatile (has a wider range of options)
swiping is highly limited to a limited number of directions
so a voice command like,
'next' = swipe right would work well
AR is going to take a long time, but this design would also work perfectly on AR
so what tool would be recommended for this fun goal?
second, here's the curation of the prototyping tools
so we just need simple things that gets the goal done
a few of the options are relatively newer so there doesnt appear to be any good analysis or relevant comparison (comparative reviews)
so there seems to be only 2 good options from those that have used the tools:
1) figma (free)
Figma by far!
Sketch+Principle or AE
Edit: Adobe XD + ProtoPie is also a killer combination /u/Apostrof
tho it seems for
'simple apps and websites,'
for flat mocks.
Figma or Sketch+Figma or Sketch+InVision are all fine, as is Photoshop/Illustrator,
UXPin is also fine, though it's web-based and thus has inherent lag. /u/VirtualAlias
figma for ui deisgn
- '18 b 25m https://www.crunchbase.com/organization/figma
2) may need Axure (limited time test)
ppl say learning curve is pretty steep
If you're doing full web applications
that involve sticky navs/toolbars, variables, sortable lists/tables, logical checkbox/radio behavior, easy modals and a million other things, it's got to be Axure. /u/VirtualAlias
prototyping it's Axure and nothing else comes close. /u/Apostrof
how detailed you want your prototype to be. Invision is definitely more simple than Axure.
but if you want complex interactions, it's time-consuming /u/beasy4sheezy
sketch (mac only, limited time test)
- seems better more for flat non-interactive design, bad for prototyping
If you say Figma is way better than Sketch for prototypes I'm down with that.
If you say Figma is way better than Sketch for progressively designing your libraries of art assets
Figma's Components are in my opinion, quite better than Sketch's Symbols.
seems to use sketch for something /u/Ezili
invision (in beta)
seems really bad, purposeless, but has the most $$$ so not sure what market it's designed/purposed for
'17 e 100m https://www.crunchbase.com/organization/invisionapp#section-funding-rounds
InVision itself (without Studio) is basically a webhosted version of PowerPoint with clickable hotspots /u/Salt_peanuts
InVision is too limited; just a slide show /u/frankstartups
invision ONLY thing it has over the competition is the animation tool which is basic at most.
InVision is a nice slide show but let's not kid ourselves, that is all it is.
I work in broadcast design, streaming, tv box UI and shit and I can plug a dongle in my tv, program Axure to match buttons on my remote through IR and off I go.
Don't get me started on transitions and complex contextual stuff. /u/Apostrof
just random stuff
adobe xd (limited time test)
-no real comments, or as said at top
a few of the options are newer so there doesnt appear to be any good analysis or relevant comparison (comparative reviews)
dunno, from random comments
-Lucidchart, Moqups, mockflow
-Mockingbird or Basalmiq
-framer — '17 a 8m https://www.crunchbase.com/organization/framer#section-funding-rounds
take longer than the trial to fully learn
submitted by /u/nixos_learner