How Writing Our Book Taught Us About Killer Prototyping
Two years ago at UX Bristol, we (fffunction, a design agency in the South West of the UK) ran a workshop on creating interactive prototypes. It was a bit of a turning point for us in terms of our...
View ArticleHow to Turn Your Sketch Files into Working Prototypes with Origami
In previous articles, we covered the Origami prototyping tool when it was still built on top of Quartz Composer. While the prototypes that Origami generated were always excellent, many people were a...
View ArticleHow to Handoff Designs with Sketch and InVision
Design handoff is about transitioning a web or app design from the hands of the designer to the hands of the developer who will then code it. That hasn’t always been easy. Developers don’t typically...
View Article6 Tools to Stop Your Devs and Designers Strangling Each Other
If you've been working in product development, web development, web design or most other areas where designers and developer work together, you've probably seen or heard at least one of the following...
View ArticleFinch.io: A Visual Tool for Finding and Fixing Design Bugs
When you’re beginning a brand-new design project, you probably start at the same place every time. On blank paper and pencil… Or maybe a wireframing/mock-up tool Sketches turn into wireframes....
View ArticleWhy Prototyping with Adobe XD is the Most-Complete Design Solution
Even though Adobe XD is still relatively new, the reception has been terrific. So I thought we’d do a quick-but-fun tutorial that illustrates how designing and prototyping with Adobe XD is wonderfully...
View Article5 Fast Tools For Generating Polished Product Mockups
When you hear the word ‘mockup’, it usually refers to a lo-fi website/app layouts. Today I want to talk about another type of mockup, product mockups. These are the mockups you might make to ‘show the...
View ArticleHow to Publish Responsive Websites with Sketch and Launchpad
Anima have built two super-useful Sketch Plugins. Auto Layout helps designers create responsive layouts in Sketch, and Launchpad exports the responsive design as a near-finished HTML/CSS website with...
View ArticleHow to Use Adobe XD’s Smart Guides
The following is a short extract from our book, Jump Start Adobe XD, written by Daniel Schwarz, a highly practical tutorial on this fantastic prototyping tool. SitePoint Premium members get access with...
View ArticleHow to Prototype Interactions with Adobe XD
The following is a short extract from our book, Jump Start Adobe XD, written by Daniel Schwarz, a highly practical tutorial on this fantastic prototyping tool. SitePoint Premium members get access with...
View ArticleHow to Make Paper Prototypes
The following is a short extract from our book, Designing UX: Prototyping, written by Dan Goodwin and Ben Coleman. It's the ultimate guide to prototyping. SitePoint Premium members get access with...
View ArticleProtoPie, the Hi-Fi Prototyping Tool That Will Improve Your Workflow
This article was originally published on ProtoPie. Thank you for supporting the partners who make SitePoint possible. As a designer, bridging the gap with stakeholders is utterly important. Properly...
View ArticleHow to Take Your Idea from Concept to Creation with Moqups
This article was created in partnership with Moqups. Thank you for supporting the partners who make SitePoint possible. So, you have a great idea. You've already told your family, friends, and...
View ArticleReliable UX & UI Tools for Your Projects in 2018
Content is an integral part of a site's overall UX. Its constituent components are arranged to help visitors go where they want to go and take the actions they want to take. They are chosen to entice...
View Article15 Top Prototyping Tools Go Head-to-Head
Want to learn UX from the ground up? Get an entire collection of UX books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $9/month or try our 7 day...
View Article