background preloader

Usability First: Usability in Website and Software Design

Usability First: Usability in Website and Software Design

User Interface Usability Evaluation with Web-Based Questionnaire Last updated: 2011-11-24 by Gary Perlman (hcibib.org/perlman/ | perlman@acm.org) Abstract question.cgi is a customizable Web-based perl CGI script to administer and collect data according to a few "standard" user interface evaluation questionnaire forms (QUIS, PUEU, CSUQ, and PUTQ). The script can be customized and run from a remote server, hcibib.org/perlman/question.cgi, from which data are emailed in a simple format. Keywords Subjective ratings, Usability evaluation, User satisfaction, User acceptance, User interface questionnaire, Online survey administration, Remote evaluation, Measurement, World-Wide Web, CGI, form, Human-computer interaction, Human factors Introduction Questionnaires have long been used to evaluate user interfaces (Root & Draper, 1983). There are other questionnaires, including instruments from the HFRG (Human Factors Research Group): Also, see LaLomia & Sidowski, 1990, 1991, 1993 for reviews of measurements of satisfaction, literacy, aptitude, attitude, and anxiety.

Case Study: UX, Design, and Food on the Table (One of the common questions I hear is how to reconcile design and user experience (UX) methods with the Lean Startup. To answer, I asked one of my favorite designers to write a case study illustrating the way they work, taking us step-by-step through a real life redesign. This is something of an IMVU reunion. The attendees at sllconf 2010 were wowed by Food on the Table's presentation. If you weren't there, be sure to watch the video. In this case study, Laura takes us inside the design process in a real live startup. A lot of people ask me whether design fits into the lean startup process. This is simply not true. A couple of months ago, Manuel Rosso, the CEO of Food on the Table came to me with a problem. As a bit of background, Food on the Table helps people plan meals for their families around what is on sale in their local grocery stores. Identifying The Problem More than any startup I've worked with, Food on the Table embraces the lean startup methodology. Key Takeaways:

User Experience Network Isaac Hall's answer to Dropbox: Why is Dropbox more popular than other tools with similar functionality Alertbox: Jakob Nielsen's Newsletter on Web Usability 10 Usability Heuristics for User Interface Design April 24, 1994 | Article: 2 minutes to readJakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. When to Use Which User-Experience Research Methods October 12, 2014 | Article: 8 minutes to readModern day UX research methods answer a wide range of questions. To know when to use which method, each of 20 methods is mapped across 3 dimensions and over time within a typical product-development process.

Everything You’ve Been Told About Mobile App Design By Developers Is Bullshit | Usability Counts | User Experience, Social Media Or, Design Your Own Mobile Application With These Nine Easy Steps… 2011 is the year of mobile. This year is the tipping point that’s really going to turn the World Wide Web into a “platform doesn’t matter” medium. If you’re doing User Experience and you don’t have a mobile app in your portfolio, you’d better get cracking. We’ve been working on a few applications as prototypes (iPad, iPhone, and Android), and I’m at version 1.1 of Pick An Excuse (finally iOS 3 compatible). I’ve made a few mistakes along the way but have found that designing apps for mobile devices isn’t that difficult. If you have even an inkling of an idea, you should work on your own application — just for the experience. It’s All about Context, Baby I do all my best user research at the local bars here in San Francisco, California. Watching people use devices at Tony Nik’s is one of my favorite pastimes. Why? It’s because of the context. Keep It Simple Additionally, set a budget for how much you want to spend. It’s a phone!

Mapping In 1932, Charles O. Paullin and John K. Wright published Atlas of the Historical Geography of the United States, a reference of almost 700 maps about a varied set of topics, such as weather, travel, and population. The Digital Scholarship Lab at the University of Richmond brought the atlas to digital life. In this digital edition we've tried to bring—hopefully unobtrusively and respectfully—Paullin and Wright’s maps a bit closer to that ideal. First, with the exception of the historical maps from the cartography section and a handful of others (those that used polar projections, for example), we’ve georeferenced and georectified all of the maps from the atlas so that they can be overlaid consistently within a digital mapping environment. Not only are the maps overlaid on a slippy map, but the lab also added simple interactions with tool tips and animation so you can look more specifically at the data. I could spend all day (or several days) looking through this.

Guide to Website Navigation Design Patterns In web design, there are certain common design patterns that are used for interaction. Site navigation has a wide variety of common and familiar design patterns that can be used as a foundation for building effective information architecture for a website. This guide covers popular site navigation design patterns. Top Horizontal Bar Navigation Top horizontal bar navigation is one of the two most popular kinds of site navigation menu design patterns out there. The top horizontal bar navigation design pattern is sometimes paired with drop-down menus whereby hovering on a navigation item reveals second-level child navigation items. Common Characteristics of Top Horizontal Bar Navigation Navigation items are text links, button-shaped, or tabbed-shapedHorizontal navigation is often placed directly adjacent to the site’s logoIt is often located above the fold Drawbacks of Top Horizontal Bar Navigation When to Use Top Horizontal Bar Navigation Vertical Bar/Sidebar Navigation Tabs Navigation Conclusion

Tag cloud foundation-l word cloud, created with the complete gzip'ed list archives (without duplicate emails from archives and all headers and quoted text in body), using IBM Word Cloud Generator build 32.[1] A tag cloud with terms related to Web 2.0 History[edit] In the language of visual design, a tag cloud (or word cloud) is one kind of "weighted list", as commonly used on geographic maps to represent the relative size of cities in terms of relative typeface size. An early printed example of a weighted list of English keywords was the "subconscious files" in Douglas Coupland's Microserfs (1995). The specific visual form and common use of the term "tag cloud" rose to prominence in the first decade of the 21st century as a widespread feature of early Web 2.0 websites and blogs, used primarily to visualize the frequency distribution of keyword metadata that describe website content, and as a navigation aid. Types[edit] Frequency[edit] Categorization[edit] Visual appearance[edit] Data clouds[edit] and for

Related: