Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Avocado

6
18
+ 1
0
Framer

356
496
+ 1
32
Origami

45
94
+ 1
11
Advice on Avocado, Framer, and Origami
Joey van Gessel
Design & Growth Engineer at Joey van Gessel Design · | 4 upvotes · 6.3K views
Needs advice
on
FramerFramerInVisionInVision
and
ProtoPieProtoPie

Hey!

I want to prototype an app for a school project. I need to test the app from a distance, so it's multiple user tests from different locations when I'm only there online. What do you think is the best combination of tools available? I want to record the user sessions. It should be responsive on different viewports for phones, and it's should be interactive (e.g., testers can actually type in a text box).

Thanks in advance for your advice, looking forward to it. Please also tell me the "why" behind the choice. - Joey

See more
Replies (1)
Christopher Izuchukwu Amadi
UI/UX Designer at Chris Amadi · | 4 upvotes · 4.4K views
Recommends
on
FramerFramer

Hey Joey, I would advise you to use framer. It lets you create realistic prototypes and this allows you to capture usage especially errors from form inputs in a realistic manner as compared to static screens. With framer, you can easily connect to user testing apps such as lookback.io by the click of a button, run your tests and get the best feedback possible.

I hope this helps.

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Avocado
Pros of Framer
Pros of Origami
    Be the first to leave a pro
    • 18
      Great for prototyping
    • 6
      Free
    • 5
      Fast idea validation
    • 3
      Integrates right with Photoshop
    • 6
      Free
    • 3
      Visualize animations and transitions
    • 2
      The Awesomeness

    Sign up to add or upvote prosMake informed product decisions

    No Stats
    242
    210
    3
    212
    95
    23
    - No public GitHub repository available -
    - No public GitHub repository available -

    What is Avocado?

    Avocado is an open source interaction design toolbox built by​ IDEO.​ It ​enables designers to make quick interactive prototypes without writing a line of code.​ ​Built on top of Facebook's Origami framework, Avocado provides ready-to-use patches that can be easily combined to create fully-customized prototypes.​ Official announcement: http://labs.ideo.com/2014/05/27/avocado/

    What is Framer?

    Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation.

    What is Origami?

    Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Avocado?
    What companies use Framer?
    What companies use Origami?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Avocado?
    What tools integrate with Framer?
    What tools integrate with Origami?
      No integrations found
        No integrations found

        Sign up to get full access to all the tool integrationsMake informed product decisions

        What are some alternatives to Avocado, Framer, and Origami?
        Postman
        It is the only complete API development environment, used by nearly five million developers and more than 100,000 companies worldwide.
        Postman
        It is the only complete API development environment, used by nearly five million developers and more than 100,000 companies worldwide.
        Stack Overflow
        Stack Overflow is a question and answer site for professional and enthusiast programmers. It's built and run by you as part of the Stack Exchange network of Q&A sites. With your help, we're working together to build a library of detailed answers to every question about programming.
        Google Maps
        Create rich applications and stunning visualisations of your data, leveraging the comprehensiveness, accuracy, and usability of Google Maps and a modern web platform that scales as you grow.
        Elasticsearch
        Elasticsearch is a distributed, RESTful search and analytics engine capable of storing data and searching it in near real time. Elasticsearch, Kibana, Beats and Logstash are the Elastic Stack (sometimes called the ELK Stack).
        See all alternatives