I've been working on this tool for the past few months to prototype interactions visually - www.mitya-app.com
The video shows the Mac app and the corresponding iOS app for previewing your interactions immediately. It's still under development, but if you're interested to play with an early release, you can join our facebook group - http://www.facebook.com/groups/mitya.app.ixd . The Mac app is available for download there. The iOS app will be available soon.
I was working on a very similar concept in the form of a web app, there's definitely a need for this type of simple interaction prototyping, can't wait to try it out!
Oh, that's interesting! Would love to hear your feedback and any ideas you think you can share.
Looks very well done. Does it work for desktop apps too? Or does it only accept mobile sized viewports?
Thanks Jordan. Right now, I only have a mobile viewport done - in fact, only the iPhone5+ size. The plan is to provide more screen sizes, along with the ability to define custom screen sizes, so technically you can define a desktop size if needed. But, I should also mention that my focus is to get mobile done right first.
Thumbs up! Looks like a good prototype made in a tight timeframe...
Thanks Brik :)
I can't wait.
Willing to pay top dollar $$$ for the Mac app - I just don't like the SAS solutions out there. The iOS app is a must have too IMHO.
I'm willing to accept top $$$ for it too! :D But yeah, there's just something nice about 'feeling' your animation immediately on your iPhone
Also: most of my mocks are @2x png(s) - it's doesn't seems like the app will automatically size the images down to @1x.
It's a really nice alpha build, but for us designers to really test it, and use it, delete needs to work. ;)
But please keep it up! :)
LOL, yes, delete is.. coming soon :D. I haven't yet been able to decide on @2x. Let me ask you something... in your workflow, what would make sense? Should the app ask you while importing? Or maybe, when you create a new project? I'm assuming you will sometimes work with @1x also. Or, is everyone working exclusively @2x now?
I never work in @1x anymore (For mobile / native iOS UI ) since 1136 x 640 fits perfectly on a 27" iMac screen.
What I'd expect:
- I can import @2x image and size it down to @1x by hand
- Or Mitya detected the image is @2x and automatically size it down.
Either way would work.
I want to start working with @2x image because, eventually, I want to preview the flow and interaction on Mitya iOS app. It would be weird to not keep the source images @2x in the first place.
You're right... makes sense. Let me see if I can reliably have Mitya detect this automatically in all cases . If not, maybe I can do it at project level? Coz, surely, a single project would not have both 2x and 1x assets, right? So, if there's an option that says "this project is 2x", then all assets imported into that are automatically managed by Mitya. It'll save the trouble of having to choose it by hand every time you import a new image. (yeah, I'm lazy like that :).
Project level - "Yes, this is a @2x project" would work for me.
Indeed I would never mix @2x mocks with @1x mocks together in any flow. That's just messy.
Done! Added to my list :)
This looks very promising, keep it up! Can I get 60FPS in that iOS app?
Thanks Robin! I haven't done an FPS count, but it "feels" fine to me on the iPhone 5S. Anyway, I'll try to work it out and post results later
This looks awesome! Can't wait to play with it. Honestly, I've played with Origami but it requires you to know QC in order to come up with good animations. I hope your tool is much easier.
I hope it's easier! :D. Give it a spin and let me know your thoughts. I'd love to hear feedback and views on this.
This looks really promising! Great work :) Is there a limit on how many screens you can animate between?
Thanks Oliver! Right now, you can animate only between two states, but that'll change as I get to it :)