Generally it's not a good idea to listen to your users; it's better to observe their behavior and actions. When you do ask for feedback though, be careful to not end up with a sack full of new requirements.
Some phrases (from the hilarious video) that I'm only too much familiar with:
- I'm just throwing things out there
- You are the author (designer), you know best
- I am making sense, right?
from Asking for Feedback
- User-interface, user-experience & usability explained (by Bernard Schokman) - I think the title is misleading, it's more about "Practical design principles for UI/UX/Usability Design"
- 10 Important UI Design Considerations for Web Apps (by Marc Gayle) - try polishing the little things to make your app truly awesome
- Tools for Facilitating Feedback on Prototypes and Wireframes (by David Leggett) - What's your favorite? Why?
- How to Identify the Best Design Problems (by Joshua Porter) - About the importance of prioritization.
- A Guide to CSS Colors in Web Design (by Alexander Dawson) - Once again a great guide by Alexander; contrast, shades, hues, transparency and co.
- 40 Beautiful and Elegant WordPress Themes of May 2011 (by Madalin Tudose) - very nice collection, wordpress has come a long way and so did its front-end designers
- HOW TO: Add the +1 Button to Your WordPress Site (by Christina Warren) - if you like it or not, here is the +1 Button integration...
- Why You Should Buy Your First 5000 Twitter Followers (by Rohit) - ethical or not... love or not love... with a little help from your friends
- So you think you can build a website? (by Vitamin in Talent) - a really handy flowchart to determine if your idea will result in a great website
- The ultimate HTML5 resource guide (by Cameron Chapman) - what else to say? ultimate resouce guide!
- (More) Useful Web Usability Testing Tools (by hongkiat) - What are your experiences with these tools? Which one is your favorite? Why?
What is SketchFlow?
Sketchflow (a feature of Microsoft Expression Ultimate) is a prototyping tool that allows designers to create sketchy looking mockups, publish them and in that way gather feedback from their clients/colleagues.
As SketchFlow is tightly integrated into Expression Blend, any sketched control is behind the scenes already a Silverlight control that can be styled and consecutively used by your .NET application in Visual Studio. Any SketchFlow project can be converted into a production project, so the path from sketch to production-ready solution appears to be paved...
Why you should use SketchFlow
Like any other prototyping tool, SketchFlow
- makes it clear that this is a prototype, it looks like drawn on paper or whiteboard
- is a fast, easy and cheap way of putting visual ideas in front of your clients
- allows you to link sketched pages together to create a navigable site structure
- provides SketchFlow player for easy way of navigation through your pages without building any code
- gives reviewers the ability to add comments directly from the SketchFlow player, making it easy to collect feedback
Why you should not use SketchFlow
During my research I found an article by Jag Reeha who argues that just because you can it doesn’t mean you should:
The aims and mindsets used to create a SketchFlow prototype are different from how you would go about creating a real world production solution.
- A designer doesn't (and if he does, he shouldn't) think in development details and best practices, code re-usability or testing. A designer should flat-out ramble on UI elements and workflow, navigation architecture and content. Any thought that is put into structuring the solution, creating reusable controls and resources or even laying the page out in a way it can scale are counter-productive and ineffective.
- The price tag is considerably higher (Estimated Retail Price $599 USD) than other prototyping tools like Balsamiq ($79 for a single-user, multi-computer license).
- Another big downer is the limited amount of available sketch controls, about 17 if I counted right. Here is where Sketchable comes in handy.
What is Sketchables?
Sketchables (by Philipp Sumi) is a simple framework complemented by a set of controls that allow you to quickly create common controls in a matter of seconds. Sketchable extends the limited set of out-of-the-box sketch controls offered by SketchFlow.
How to add mockup controls to your Expression Blend library?
After downloading the Sketchable libraries using the link above, copy the files (in the case of sketchables copy the complete /Sketchables/Build/SL/Debug directory, including the Design folder) to your Silverlight install directory. Well, while you are at it already, enable standard mockup controls for any SketchFlow project and copy them to the same target directory as well.
Here is how to do it:
- Copy both Microsoft.Expression.Prototyping.MockupsSL.dll and Design folder from:
Documents > Expression > Blend 4 > Samples > MockupDemonstration > MockupDemonstration > Libraries > Silverlight > Debug
- Add copied files (including Sketchables) to the following destination:
Computer > OS (C:) > Program Files(x86) > Microsoft Expression > Blend 4 > Libraries > Silverlight > 4.0 >
- Restart Blend. You can now start using mockup controls by clicking the Mockups category in the Assets panel (the appropriate assembly reference is automatically added to your project).
What are your experiences and opinions on designing with SketchFlow or Sketchables?
- Complete Beginner’s Guide to Web Analytics and Measurement (by Andrew Maier) - a really great summary of tools and methods for web analytics.
- Favorite UX & Technology Blogs | Learning About New Web & Mobile Applications (by Janet M. Six) - uxmatters answer to favorite UX and technology blogs and how to learn about new Web and mobile applications.
- 10 New UX Books To Look Out for in 2010 (by Paul Seys) - what more to say...?
- 7 Steps to Better Website Feedback (by hongkiat) - good content but I really love this blog entry for its references.
- 15 Google Chrome Extensions for the Avid Designer (by Joel Reyes) - from Firebug to Resolution test and many more...
- Using Landmarks Makes Page Layout Easy (by Ben Gremillion) - harmony in design is based on well-known layout principles - great discussion by Ben!