Tag Info

Hot answers tagged

16

There's a spectacularly cool desktop app for Windows, Mac and Linux called Color Oracle which is really nifty and adjusts everything you see to mimic many various types of colour blindness in real time and isn't limited to static images or websites. Here are some screenshots showing the UX website under Deuteranopia, Protanopia and Tritanopia respectively: ...


15

If you are going to be prototyping for iPhone, there is a very interesting iPhone Mockup tool I found recently. You might also want to consider the listing provided by this article, it has a lot of stencils and tools on the subject.


12

You're in luck. There are a number of websites that do this. Here are two I use: http://www.vischeck.com/vischeck/vischeckURL.php -- tests any website you point it at. You could take a snapshot and put it on a webserver. (I don't think it'll work with the Processing applet.) http://colorfilter.wickline.org/ -- similar idea, with even more options.


11

This is what I like to call reverse wireframes. It's very useful to see how your site has evolved over time OR to take a preexisting website and deconstruct it and pick it apart. The tool I use is: Wirify and can be used on most any page buy just clicking the bookmarklet. Just drag the below code to your bookmark bar and click it to turn the page into a ...


10

Carnegie Mellon's Open Learning Initiative offers free distance/online courses, some of which (Visual Communication Design, statistics, etc) are applicable to the ux field. The Learning IA section of the IAI's site is also rich in resources on this topic. Feb 16/10 update: Recently also came across the AMA's Interactive Webcasts which have some topics you ...


9

A free online course in Web Usability is available from the San Jose State University's School of Library and Information Science. You can get the course on iTunes U through the iTunes Music Store, but it's also on YouTube (search for LIBR-251) and the School's website. I'm sure there are many similar courses, but this is just one I found recently.


9

We use UserVoice for Handcraft. Before launch we looked around at various tools and were ultimately looking for something that was quick and easy to integrate, relatively unobtrusive, and really easy to use. Uservoice meets those goals because you can start voting straight away, it has sign-in integration with services like Twitter, and you can hook it into ...


9

I think that they are reliable as what they are - cursor mapping heatmaps. They indicate where the user is positioning the cursor. In the same way, eye-tracking heatmaps indicate where the users eyes rest. Neither of them actually indicate what the user is doing when their eyes or the cursor rest there. So I think that they are useful for some sorts of ...


9

Here is a bookmarklet that will make all the text transparent: javascript:(function(){var tag=document.createElement("style");tag.type="text/css";document.getElementsByTagName("head")[0].appendChild(tag);tag[(typeof document.body.style.WebkitAppearance=="string")?"innerText":"innerHTML"]='* { color:transparent!important; }'})(); To get this to work, add a ...


8

Good question - Balsamiq Mockups may be your best bet. They have iPhone controls built in, and someone has contributed controls for Windows Phone 7. They also have stuff for Nokia platforms, etc. Not sure about Android options here. Keep your eye on Balsamiq's Mockups To Go blog for further contributions from the Balsamiq community. I also created two lists ...


8

Gives me problems recommending Microsoft products, however, give the 30 day trial of Visio a go. Visio was awesome when Microsoft bought it 15+ years ago, it also enables you to do clever things with data sources such as Excel spreadsheets. One feature I particularly like is how you can neatly arrange your diagram elements and then get them to fit onto a ...


7

If you are using or have access to a Mac I highly recommend Silverback. Its cheap, effective and easy to use. To do eye tracking properly requires some really expensive specialist equipment and training to use the software and analyse the results. You might also want to check out some of the remote testing options such as TrymyUI. Also, in my experience ...


7

There's a tool for that: http://michelf.com/projects/sim-daltonism/ As a safe approach, I would use high contrast colours that match the WCAG colour contrast formula. Someone made an online tool for that: http://www.snook.ca/technical/colour_contrast/colour.html If colours are not the answer, why not use pattern-backgrounds? ..plenty here: ...


7

Ask yourself why they don't think it's important. (Or maybe ask them). There may be very distinct reasons: Write Once, Run Forever Software i.e. not seeing software as an iterative process, not seeing the necessity of early customer feedback Throwing Code Away i.e. seeing a software UI prototype as "half the product", and "throwing that away would be ...


6

Like Paul Swain, I usually have in front of me Word, InDesign, Illustrator, Photoshop and I hate to say it powerpoint (without the bullets) and lots of paper and pens, the templates I use vary week by week and indeed the Konigi ones are great. I'm against apps that are 'for' wireframing, prototyping and the like as everyone I've tried I fell constrained by ...


6

Also check out Pencil for Firefox.. and the Android stencils over at the android-ui-utils open source project (blog post here). I also hear Adobe Fireworks is very good for UI prototyping (apaprently with support for interactive mocks and 9-slice shapes) ... I haven't tried it myself though.


6

I'm with Khal and Paul here: Paper and Pencil. I'm not an "official" designer or anything, but when i sit down to cook up a design for a site, I ususally resort to paper and pencil - firstly, because i'm easily distracted and if i were to do it on the computer i would never finish. Secondly, I can work fastest with paper and pencil: It's easiest to just ...


6

...It depends. If I had to choose between the two, I'd probably recommend whichever tool you knew best, just so you could prototype quickly and hassle-free. But in certain contexts, a 'realistic' wireframe built by image editor is unsuitable anyway. If you just want to discuss workflows or broad concepts, the extra text and buttons of the real UI could be a ...


6

You should try FireWorks, its best of both worlds Photoshop & Illustrator with little compromises, it is build for Web development. Here is my flow Paper Sketch >> FireWorks >> HTML Don't complicate your building process, keep it light as much as possible till you hit the HTMLs. Fireworks lets you have different states, Master Page, better slice ...


6

How about LaTex with a WYSIWYM-editor such as TexnicCenter for generating PDFs? The initial learning curve may be a bit steep, but you'll soon enjoy writing content instead of getting constantly interrupted by layout/presentation issues.


6

SVN isn't great because it has a high learning curve and is primarily used by developers. If you don't have a problem with that, go ahead and use it (or git, or hg, or whatever), but I think there's a better way. Handcraft (which I build) was designed with this problem in mind. Instead of using version control, you have distinct prototypes in your account. ...


6

According to this study which is referenced in this blog post by Clicktale (who happens to sell a mouse tracking tool) there is a an 84%-88% correlation between eye tracking and mouse tracking. A more recent study from Microsoft and the University of Washington suggests the correlation depends a lot of what the user is doing. When the mouse cursor isn't ...


6

"There are plenty of guidelines out there as to how "fast" a UI ought to be, but how can I measure it?" This probably goes without saying, but the way to measure UI latency is to take the difference between when an action or event in the UI begins and when it completes. This can be done non-programmatically by manually recording those times, or ...


5

Silverback (and similar software) is used for qualitative research and AFAIK does its job very well. Collecting quantitative data does not make much sense in this context. If you want useful quantitative data you need much larger sample sizes (definitely much more than just ‘several’ tests). Literature: Albert & Tullis & Tedesco (2010): Beyond the ...


5

I often use Webex - you can record interactions in person and over the web equally well. It works on most platforms. It's designed for meetings, but to use it for usability, you just start a meeting, have the participant join on their computer, and you join on your computer. You can view all of their actions, give them access to a prototype running on your ...


5

Buttons I make most of my UI elements with Photoshop. Take advantage of Layer Styles to create subtle gradients, consistent highlights and shadows. You can then save your Layer Styles within Photoshop and apply them to any shape in the future, giving you the ability to create buttons and other UI elements in seconds. With CSS3 you can also recreate your ...


4

There's a dedicated tool for the iPhone (and iPad) which actually runs on the iPhone - Interface. As Rahul pointed out, Balsamiq is a good choice and Axure also has dedicated libraries (at least for the iPhone - I haven't checked for the rest).


4

Have you tried using Clearleft's Get Satisfaction site? I don't see many unanswered threads on there, so I'm thinking that's probably the best place to reach out to them. I found a question which may be relevant to your enquiry. Finally, it's worth noting that Silverback has a 30-day free trial. Why not download it and see if it fits your needs?



Only top voted, non community-wiki answers of a minimum length are eligible