background preloader

Design Better And Faster With Rapid Prototyping

Design Better And Faster With Rapid Prototyping
Advertisement The old adage, “a picture speaks a thousand words” captures what user interface prototyping is all about: using visuals to describe thousands of words’ worth of design and development specifications that detail how a system should behave and look. In an iterative approach to user interface design, rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Doing this rapidly and iteratively generates feedback early and often in the process, improving the final design and reducing the need for changes during development. Prototypes range from rough paper sketches to interactive simulations that look and function like the final product. The keys to successful rapid prototyping are revising quickly based on feedback and using the appropriate prototyping approach. The Rapid Prototyping Process Scoping A Prototype Find the Story Do… Don’t…

http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/

Related:  interface design & user experienceWeb project resourcesMultimedia

Applying the Pareto Principle to the User Experience: MeasuringU Jeff Sauro • September 12, 2012 In 1906 Vilfredo Pareto, an Italian economist, observed that wealth was unequally distributed in Italy. He noted that 80% of the land and wealth was owned by 20% of the people. Educate Your Stakeholders! As much as it hurts to admit it, most of the important decisions of website development are not made by design professionals. They’re made by the business owners and middle managers who hire us. After all, it is they who hold the purse strings, so it’s only fair that they set the online priorities. How To create interactive prototypes with Apple Keynote Step 1: Plan It Create a diagram with each interface screen as a state, and create links to specify how users will transition between them. The diagram above shows a social media application that tracks multiple accounts, and allows users to post updates to multiple networks. Step 2: Prototype It Open the .Key file that comes with the Keynotopia Prototyping Templates side by side with a new presentation.

The Anatomy of an Experience Map Experience maps have become more prominent over the past few years, largely because companies are realizing the interconnectedness of the cross-channel experience. It’s becoming increasingly useful to gain insight in order to orchestrate service touchpoints over time and space. But I still see a dearth of quality references. Design a Beautiful Website From Scratch Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail.

Fake It. Trash It. Build It. - 42Floors Blog For over 5 years, I worked as a freelance designer doing everything from small business websites to posters for local events. Founding 42Floors.com is not only my first experience running a startup, but also my first time working on a team with outstanding entrepreneurs as my peers and not just my client. For many of our projects, we follow an extreme form of rapid prototyping. We design initial prototypes that look real, talk to people about it, and try to understand what we’re going to create. And, then we trash it. Completely.

A step by step guide to scenario mapping Scenario mapping is a really quick, easy and dare I say it even fun way to collaboratively create, discuss and communicate user scenarios. Scenario mapping will help you to think about your users, to think about their tasks and most importantly to think about the sort of user experience you want to provide. It will also help to ensure that your designs are grounded in the real world because scenario mapping forces you to consider the context in which a design is likely to be used. In this article I walk you though step by step how to go about creating scenario maps and why they’re so damn useful in the first place. What’s a scenario? Before we start looking at scenario mapping I thought it would be useful to very quickly define what I mean by scenarios.

Using XAMPP for Local WordPress Theme Development By Jacob Gube In this tutorial, you’ll learn how to install and configure XAMPP for the desktop. Once that’s out of the way, we’ll install WordPress so that you can have your very own professional, light-weight PHP and WordPress development environment. Introduction To sum it up in one sentence: XAMPP, which stands for Cross-Platform (X) Apache, MySQL, PHP and Perl, is a popular, free and open source web server package that you can use to install a web server onto your desktop. Create 3D Images Using Your Cell Phone, a Stick, and Gimp : Create 3D magic Get Gimp and the Plug-In:Download and install The Gimp fromwww.gimp.org. This is a free program and it runs on Windows, Linux, and even OS X. When your installation is complete, go out and download the "make analyph" script-fu plugin from here: This will take a lot of the guess work out of the tricky coloring process.

The Aardvark Theory of Product: Fake It Till You Make It Aardvark, by some measures — accumulating many active users or making lots of money, for example — did not succeed. But hey, it did get acquired by Google for a cool $50 million, so it’s worth hearing a little more about how the social search startup succeeded on that front. The real secret, according to Aardvark co-founders Max Ventilla and Damon Horowitz, who were speaking at the Startup Lessons Learned conference in San Francisco on Friday, was acute awareness of how close they were to failure. Aardvark co-founders Max Ventilla and Damon Horowitz “I’m probably going to fail, so how can I increase my chances of success but — more importantly — use that failure and make it less painful and minimize the risk of the catastrophic fail, when you’ve run out of money and you actually have to change jobs,” was how Ventilla described their thought process.

10 Heuristics for User Interface Design: Article by Jakob Nielsen Summary: Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. 10 HTML & CSS Online Code Editors for Web Developers Today we bring you some useful resources for web developers: Online or web-based Integrated Development Environments (IDE). With these applications - freely available online - you can develop virtually any type of web work working in a simple and comfortable way with hypertext and style languages ??like HTML, CSS, Script, JavaScript, PHP, and frameworks like Motools or jQuery, which allow users to execute code. In addition, many let you sign in to store and manage your own files in a history, and some offer interesting forms of collaborative coding. Dabblet An interactive CSS playground and code sharing tool developed by Lea Verou.

Design user research explained for everyone with animated gifs The most relevant source of inspiration and considerations when designing things are people. This inspiration can be deeper than understanding what people do, why they do it and what they say they need; it is ultimately about understanding what they truly value. Building empathy with the users can be inspirational and help define the overall experience. Have a conversation, don’t interview There are numerous books and articles out there explaining how to do interviews, observations, surveys and etc; the user research does not have to be that complicated. Designers can simply go out, meet people in the real context and have a friendly chat with them.

Related: