background preloader


Facebook Twitter

A Dad's Plea To Developers Of iPad Apps For Children. Advertisement I spend a lot of time buying and testing iPad apps for kids.

A Dad's Plea To Developers Of iPad Apps For Children

To be more specific, I lovingly do this for a certain two-year-old girl who is currently on a very successful #OccupyiPad mission in my house. Through extensive observational research, I’ve discovered what works and doesn’t work for my daughter, so I’m going to shamelessly generalize my findings to all children and propose four essential guidelines for developers who work on iPad apps for children. Affordance Is King Most apps for children show a bunch of different things on the screen that you can touch to make stuff happen.

The solution is simple: affordance. The new iPad - View all the technical specifications. Website testing, user testing, and market research done with Morae by TechSmith. Use Morae to gain valuable insight about your product and remove the guesswork from your decisions.

Website testing, user testing, and market research done with Morae by TechSmith

You’ll love that you can record user interactions, analyze the results, and instantly share them with anyone – all within Morae and for any type of research. Pluggable Architecture Write your own Recorder, Observer, and Manager plug-ins with Morae’s pluggable architecture, which enables you and your development team to build features specific to your testing environment. Learn more about the expanding flexibility of Morae’s pluggable architecture and about the plug-ins that partnering companies have already created on Morae's Plug-ins Page. TobiiEyeTracking's Channel. Tobii Glasses 2 - New Generation Wearable Eye Tracker 19,450 views 2 months ago.

TobiiEyeTracking's Channel

Eye Tracking White Paper. Eye tracking commonly refers to the technique used to record and measure eye movements.

Eye Tracking White Paper

The aim of this paper is to give a brief introduction to the human visual system, and to explain how eye movements are recorded and processed by Tobii Eye Trackers. Some basic concepts and issues related to remote eye tracking and eye movement data interpretation are also briefly discussed. 1 Why study eye movements? In order to understand the reasoning behind studying eye movements, some basic facts about the human vision need to be known. This section provides short explanations of important terms and characteristics of human vision. Heck Yes, Windows Is Still Relevant. She & Me - Creative Web Strategy and Content Development. Eye tracking and eye control for research, communication and integration. Morae usability testing software from TechSmith.

From focus groups to usability studies, Morae helps you gain insight into your user's experiences by providing you with powerful data.

Morae usability testing software from TechSmith

Record and remotely observe user interactions, efficiently analyze results, and instantly share your findings with anyone, anywhere. Customize Morae to Work for You Write your own Recorder, Observer, and Manager plug-ins with Morae’s pluggable architecture, which enables you and your development team to build features specific to your testing environment. Why Distinct Icon Outlines Help Users Scan Faster. By anthony on 08/04/11 at 10:05 pm Icons are visual cues that help users use interfaces more efficiently.

Why Distinct Icon Outlines Help Users Scan Faster

Instead of reading each word on an interface, users can scan for the icon that represents the task they’re trying to do. However, sometimes scanning icons can take longer than expected if the icons don’t have distinct outlines. If you want to make your icons fast and easy to scan, use distinct outlines over uniform ones. Uniform outlines make the shape of your icons look the same. Distinct outlines shows the unique shape of each icon without any visual noise. 9 Rules to Make Your Icons Clear and Intuitive. By anthony on 10/31/11 at 9:09 am.

9 Rules to Make Your Icons Clear and Intuitive

Px - em - % - pt - keyword. Keyword Valid options for setting font-size in keyword are xx-small, x-small, small, medium, large, x-large, and xx-large as well as relative keywords smaller and larger.

px - em - % - pt - keyword

Surprisingly enough, keyword sizing is pretty consistent across browsers and platforms. See below a test page in Opera, Firefox, IE 6, and Safari: Note that although the they are pretty close, there are differences in where the lines break and total paragraph height. Only when one of the relative sizing keywords are used does the "cascade" kick in and the font-size of the parent element effects the child.

Keywords are a perfectly fine way to size fonts on the web. Designer Myopia: How To Stop Designing For Ourselves. Advertisement Have you ever looked at a bizarre building design and wondered, “What were the architects thinking?”

Designer Myopia: How To Stop Designing For Ourselves

Or have you simply felt frustrated by a building that made you uncomfortable, or felt anger when a beautiful old building was razed and replaced with a contemporary eyesore? You might be forgiven for thinking “these architects must be blind!” New research shows that in a real sense, you might actually be right. That’s Michael Mehaffy and Nikos A. Longaberger Home Office, Newark, Ohio.

Is There Ever A Justification For Responsive Text? Advertisement Depending on who you follow and what you read, you may have noticed the concept of “responsive text” being discussed in design circles recently.

Is There Ever A Justification For Responsive Text?

It’s not what you might imagine — resizing and altering the typography to make it easier to read on a range of devices — but rather delivering varying amounts of content to devices based on screen size. One example of this is an experiment by designer Frankie Roberto. Another is the navigation menu on the website for Sifter App. Roberto and Sifter are using media queries to actually hide and display text based on screen size (i.e. not rewriting or delivering different content based on context — as one would do with mobile-focused copy, for example). Having looked at how this technique works, I wouldn’t endorse it yet, because its practical value is not clear. Media Queries. Abstract HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types.

For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. ‘screen’ and ‘print’ are two media types that have been defined. Media queries extend the functionality of media types by allowing more precise labeling of style sheets. A media query consists of a media type and zero or more expressions that check for the conditions of particular media features.

Status of This Document. 10 Useful Usability Findings and Guidelines. Advertisement Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work.

Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites. 1. A study by UX Matters found that the ideal position for labels in forms is above the fields. Hick's law. Hick's law, or the Hick–Hyman Law, named after British psychologist William Edmund Hick and Ray Hyman, describes the time it takes for a person to make a decision as a result of the possible choices he or she has: increasing the number of choices will increase the decision time logarithmically.

The Hick–Hyman law assesses cognitive information capacity in choice reaction experiments. The amount of time taken to process a certain amount of bits in the Hick–Hyman law is known as the rate of gain of information. Background[edit] Hick first began experimenting with this theory in 1951. His first experiment involved 10 lamps with corresponding Morse Code keys. Hick performed a second experiment using the same task, while keeping the number of alternatives at 10. While Hick was stating that the relationship between reaction time and the number of choices was logarithmic, Hyman wanted to better understand the relationship between the reaction time and the mean number of choices. Law[edit] 9 Common Usability Mistakes In Web Design.

Advertisement By now, all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers. Delight and satisfy your visitors, rather than frustrate and annoy them, with smart design decisions. Here are 9 usability problems that websites commonly face, and some recommended solutions for each of them.

CSS Text-Rendering. This morning I saw a couple of tweets from @seangaffney and @maxvoltar about the CSS text-rendering property, which is in the W3C Working Draft. Aesthetically Loyal has outlined the differences in kerning pairs and browser support for text-rendering: optimizeLegibility; quite nicely, and after seeing how well capital As, Vs, Ys and Ts display I had to test it for myself. Similar to Kyle Meyer’s experiment, I noticed a significant improvement and added the property to my body CSS for this site. Overall, type looks much tighter and successive capital letters, like “CSS”, seem more evenly spaced.

4 Tips and Tricks for more Legible Content. These tips and tricks will help you design more readable content for screen readers. What’s the most readable font for the screen? If there’s a topic that’s bound to get designers riled up into a fiery debate, it’s the issue of choosing the most readable fonts for use on the screen. For most of the web’s life, designers haven’t had much flexibility when it comes to setting the type for their sites, and type decisions have almost always come down to choosing one or two web-safe fonts (a small collection of fonts that are installed on most users’ machines) and setting the font sizes. CSS’s @font-face has garnered significant attention in the past year as browsers expanded their support for it and major type foundries began developing web licenses, making services such as Typekit possible.

Care With Font Size - Quality Web Tips. Care With Font Size A certain trend among designers, believing that small text gives a Web page a sleek appearance and provides more space per "page" for actual content, sometimes results in the use of unreasonably small font sizes. The Myth Of The Sophisticated User - Smashing UX Design. Yahoo Design Pattern Library. View the most recent patterns added to the library.

Accordion There are too many items to fit into a limited space without overwhelming the user. Availability. Social Patterns. And Sogeti Testing Services. Social Design Strategy. 4 forgotten principles of usability testing. Over the last few months I've sat through dozens of usability tests run by design agencies.

How Users Read on the Web. They . People rarely read Web pages word by word; instead, , picking out individual words and sentences. How to use multitasking gestures on your iPad. A new feature to both the iPad (iOS 5.0.1) and the iPad 2 (iOS 5.0) is the ability to use multitasking gestures.Multitasking gestures allows users to simply swipe with four or five fingers to access the multitasking menu, swipe left or right to reveal open applications and pinch to return to the home menu.This may sound a little complicated however; it really is a time saver once you learn how to activate, operate and master the multitasking gestures.

How to Activate Multitasking Gestures. User Experience Consulting. Touch Gesture Reference Guide. The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. Touchscreen Braille Writer Lets the Blind Type on a Tablet. Persona-Lene.jpg (809×1156) Touchscreens UX: Godsend or disaster? The Relevance of User Experience: Using Every Opportunity to Impress Users.

Touch Gesture Reference Guide.