Displaying category "Prototype"
Another great Android Wireframe resource from UI/UX designer Taylor Ling.
Inspired by a question from the group member within a private G+ community – Android Designers, I decided to spend some time to create a Wireframe Screen Flow Template for Adobe Photoshop that can help Android Developers/Designers to create a complete screen flow for wireframes or mockups. (more…)
Recently, we had the pleasure of sitting down to pick the brain of Nancy Dickenson, talented UX designer and the Executive in Residence for Bentley University’s HFID Graduate Program. With a bit of back and forth, we got some wonderful insight into the UX field from this long-time field participant and shaper, who looks back over her time in UX design. (more…)
It’s happened again. You’ve decided to make something, but you’re not sure what exactly it should look like yet. You pull out your favourite tool for wireframing, and spend a few minutes doodling. Sometimes that works, but sometimes it doesn’t. Quite often, you run right into a wall. Damn. Stuck again. (more…)
This article serves as a good jumping off point for people interested in learning more about Interaction Design. To that point, we’ll briefly cover the history, guiding principles, noteworthy contributors, tools, etc. related to this fascinating discipline. Even if you’re an interaction designer yourself, give the article a read and share your thoughts in the comments below. (more…)
Prototyping is an effective way to communicate design ideas. Static PDFs, PSDs, and wireframes can help get your point across but aren’t dynamic. Usually, any necessary changes are logged away as to-dos. They’re then taken back, fixed, and presented again. (more…)
This is where I disagree. I started my career in the product world. I worked at big companies, startups, and now an agency. I’ve used (and have observed others using) these “terrible” UX methods very successfully. Ryan is extremely lucky to work at a company like 37signals where personas, user journeys, and wireframes are not needed. (more…)
There are many “right” ways to design an application, so I want to be clear that this is my workflow (and the one I recommend), but it’s not mandatory. I know other designers who just jump right into Photoshop (or code) and produce great work. But if you find yourself having trouble visualizing a design or workflow in your head, give this method a try. (more…)
Looking for digital inspiration, or staring at an empty computer screen? Even at the tech nerd mecca that is SXSW in Austin, designer Von Glitschka has some radical advice for you: Close your laptop, shut off your iPad, and pick up a pencil. Open a paper notebook. And give doodling a shot. (more…)
Sketch maps are mind maps of, well, sketches. They are diagrams that organize ideas in a tree-based structure where sketches are used as the way to illustrate those concepts. Others have used similar approaches under different terms (sketchboarding, storyboarding, or simply just mind mapping that happens to include sketches). (more…)
Hundreds of tools may be available for interaction designers, but there is still no industry standard for interaction design (more…)
It takes a stretch of days at a time to get the coding and programming in place for your web app and if something goes wrong in the process, it hurts to start it all over again. At times when you haven’t checked and rechecked your app beforehand, you may come to find out that in the middle of the creation process that the idea you had isn’t going to work or the budget for your project is not big enough. (more…)
The rapid pace of UX design in the agile world can lead to shortsighted design decisions. Focusing on addressing the immediate needs of particular user stories within the limits of a sprint can lead to neglect of larger design questions, which can come back to haunt UX designers later. (more…)
A website wireframe is a visual guide, or a skeletal framework that will help you define your future website’s characteristics. By wireframing you are basically defining the primary steps and the shape your website or product is going to have. One of the main purposes of wireframing is to set the main priorities and describe the functionality of your future creation. (more…)