Planning your projects at the very beginning can be a fun yet daunting task. Showing clients early concepts, prototypes, wireframes and ideas at early stages can help you land the contract, or perhaps see concerns or new features for your own project that wasn't apparent before. Michael McArthur and Paul Crimi, both of whom are Product Designers at BNotions, are going to walk us through their processes of how they begin a project, what resources they use, and what goes on in their minds as they get everything off the ground. Slideshare link: www.slideshare.net/paulcrimi/html5-back-tobasicswireframingplanning HTML Toronto Links: Website: htmltoronto.ca/ Twitter: twitter.com/htmltoronto Facebook: www.facebook.com/htmltoronto Google+: gplus.to/html5_toronto Meetup Group: www.meetup.com/HTML5-Web-App-Developers/ App Map, Flow Chart & Wireframe Resources: Omnigraffle www.omnigroup.com/omnigraffle/ Omnigraffle Stencils www.graffletopia.com/ Sketch www.bohemiancoding.com/sketch/ Adobe Illustrator www.adobe.com/ca/products/illustrator.html Adobe Fireworks www.adobe.com/ca/products/fireworks.html Balsamiq balsamiq.com/ Prototyping Resources: InVision www.invisionapp.com/ Axure www.axure.com/ Origami facebook.github.io/origami/ UXPin uxpin.com/ Keynote www.apple.com/ca/mac/keynote/ Using Keynote To Prototype www.lukew.com/ff/entry.asp?1155 Marvel marvelapp.com/ Proto.io proto.io/ Recommended Books: - Don't Make Me Think - The Lean Startup - Envisioning Information - The Essentials of Interaction Design - Sketching User Experiences - Designing Gestural Interfaces - Designing Social Interactions - The Design of Everyday Things - The Laws of Simplicity - Design Patterns - Designing For Interaction - Mobile First - Lean UX Recommended Sites: www.lukew.com ixda.org/ boxesandarrows.com/ ui-patterns.com/ pttrns.com/ www.uiparade.com/ capptivate.co/ thehipperelement.com/ uxarchive.com/ uxporn.uxpin.com/ uxmag.com/ www.mobile-patterns.com/ inspired-ui.com/ tympanus.net/codrops/

Be the first to comment