prototyping tools (in 2018) – Only Infotechelse

Related Posts

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)

  1. you have a completely white background
  2. at center is either a) text/info, b) image/pic, c) video, or d) any other kind of info
  3. if it was non-text, it would take up the fullscreen, but im thinking a) text/info

  4. we can call what we see 'text #1'

  5. when this software auto-opens on your ipad, it always always opens at 'text #1'

  6. you're able to set exactly what you see when the software opens

  7. when you swipe to the right, you see 'text #2'

  8. when you swipe right again, you see '2 columns' of 'text #3' and 'text #4'

  9. on any of these 'notes/pages/screens', you can swipe down

  10. swiping down brings up a menu that up 1/4 – 1/2 of the bottom of the screen

  11. this 'menu' has 'note #1 to note #20' (this can be text or any other media forms of info like videos)

  12. on any of the screens, when you swipe up, it'd always always bring the same exact content

  13. we could call it 'same_content_upon_swipping_up'

  14. 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)

  15. swiping diagonally can do other things, or bring up other things (haven't decided yet)

  16. voice commands like 'apple pie recipe' would be the best UX/UI/HCI method to go about most or all of the interactions

  17. because voice commands is versatile (has a wider range of options)

  18. swiping is highly limited to a limited number of directions

  19. so a voice command like,

  20. 'next' = swipe right would work well

  21. 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

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

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





-Google Slides

-Lucidchart, Moqups, mockflow


-Mockingbird or Basalmiq

-framer — '17 a 8m

take longer than the trial to fully learn

submitted by /u/nixos_learner

You might also like
Leave A Reply

Your email address will not be published.