Design assets for the SydJS app project
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Edge Animate Assets
Photoshop Files
README.md

README.md

SydJS App

SydJS App Talk

In July, 2014, I gave a joint talk at SydJS with Tom Walker (@bladey) describing and demonstrating how we about conceived, designed, prototyped and built the SydJS mobile app.

SydJS app is built with Cordova and is open source.

What's here

  • iOS App PSD (with layer comps. Requires Photoshop CC or later)
  • Edge Animate composition

If you're new to Edge Animate or wondering what do to with the Animate composition, I published a tutorial here.

The Gist

I made the case that interaction design (specifically motion design) is a core part of the user experience, especially on mobile, and that skipping it is both unacceptable and unnecessary. UI designers should design and prototype with interactive motion, and that developers should expect this from the designers that they work with.

I demonstrated briefly how I used Adobe's Edge Animate to setup the wireframe of the SydJS app, and then, using Edge Animate's neat integration with PhoneGap Build, turned the composition into an interactive app prototype that would run natively on iOS.

App Links

Useful Links

Recommended reading / watching

==========

If you have questions, comments or ideas, tweet at @bladey or @borisbozic on Twitter.