Users’ hardware and software configurations vary widely. Despite noble attempts at making web technologies transparently cross-platform, platform differences still play a significant role.
Hardware and software configurations need to be carefully sampled and tested. Hardware may be one of the easiest things to control for when designing intranet applications, but even the, be sure to verify your assumptions by visiting actual users sites to see if they have the hardware and software settings you expect.
Identify all platforms you need to work well on, and test them thoroughly. Consider even relatively small populations, and make sure your site works adequately, if not elegantly, on less pervasive platforms.
A common surprise is with screen resolution. While many users own machines that are capable of higher-resolution display, they often leave their computer configured at a lower resolution because either they don’t know how to change it or they actually prefer the larger, easier-to-read fonts.
Why Don’t They Upgrade?
From a developer’s point of view, an ideal situation would be one where every user has the same hardware and software and the most advanced possible versions. This reduces testing and enables the developer to rely on the latest technological capabilities. However, that simply isn’t realistic.
The Problem: Users Actually Are Using Systems and Settings That the Designer Consider Non-Optimal
We often get asked: Do any users actually have 640 x 480 monitors? Do they still turn images off? Is it realistic to think that users turn off cookies (after all, if they did, they wouldn’t be able to use many sites on the web)?
The answer is yes, yes, yes. Are such people just extreme examples? No. They’re everyday normal people who have valid reasons for their situations. Hasn’t everyone loaded all the plug ins? No lots of people haven’t.
The Solution: You Can’t Change the Users, so Understand Them and Design for Them
Don’t rely on your intuition for information about users’ platforms.
Find the current data. If only 40 percent of potential users have the plug-in you need, then they probably don’t want to use up their hard disk space or destabilize their computer system, or maybe they just aren’t interested.
Are they wrong or just stupid? Probably not, but even if they’ve made the wrong choice, are you going to start a lonely crusade to upgrade all the hardware and software used throughout the world? Hopefully not.
Watch the trends, and design for the level of adoption you expect to be valid when your web site is launched.
You’ve Learned Everything, but Newbies Abound
We get asked: Isn’t such-and-such technique a web convention? Isn’t everyone familiar with these yet? Actually, something may be a convention, but at best that might mean that 5 or 10 percent of web sites are applying the convention.
Besides, most people online are relative novices. Why? Exponential growth – the number of people online is still growing at an exponential rate, and as long as that remains true, many new people who don’t know how the Web works will continue to come online.
Low-End Use Is Counterintuitive To High-End Users
For those of us who have been online for what seems like our whole lives and who buy all the latest hardware and software, the practices of low-end users can sometimes be hard to believe.
Designers and developers need user studies precisely because they’re too expert to form reasonable assumptions of what the users are like.
Hardware and Operating Systems
While the Windows PC is the most common platform, consider which other platforms play a significant role in your target population.
While certain industries may have very little Mac usage, Macs have a higher market share than average among home users, and in markets such as education, graphic design, and video.
Unix and Linux users are relatively uncommon, but they should be considered when targeting technical audiences, such as IT workers and web developers.
As you’re testing these platforms, be sure to consider earlier versions of the operating systems, as a large fraction of users will not have upgraded to the latest version.
For example, when testing for Windows, you should test Windows 95, 98, NT, ME, and 2000. Unfortunately, the same browser often works differently on each platform, so every combination needs to be tested.
Common differences between PCs, Macs, and Linux/Unix include default font size differences (and differing interpretations of font specs), color calibration, level of support for plug ins, minor variations in browser implementations, and differences in how form elements and other widgets work (e.g., if you spawn a new window, make sure all the window controls, such as a close box, work as expected on all platforms). For an example of how a single site can differ on different platforms.
Other platforms to pay attention to include Palm OS, WebTV, and mobile phones. Most of these individually represent a very small target population, but internet appliances and mobile devices are becoming increasingly popular, and for some domains may represent a highly desirable target audience.
In most circumstances, no single-platform among these can justify the cost of a custom site design, nor are they sufficiently standardized to give detailed design suggestions that will work for all of them.
Generally, to work well across a broad set of devices, you should design according to well-established standards, avoid novel technologies, depend primarily on text, keep the content as concise as possible, and avoid altering defaults such as fonts and background colors (or use style sheets to do so, but realize that many users won’t know how to override a style sheet they don’t like).
Where you intend to target a specific platform, such as WebTV, specific design standards are sometimes available from the manufacturer (e.g. see WebTV guidelines at developer.webtv.net/design/).
Monitors
Monitor sizes vary dramatically and can create significant design difficulties. Monitors vary in resolution (common standards are 640 x 480,000 x 600, and 1024 x 768, but the resolutions are setting much higher) and in color depth (from black and white to grayscale, and from 8-bit to 32-bit color). Don’t rely on users having the latest high-solution system.
At the same time, it’s nice to give users with a high-resolution seen the ability to take full advantage of their systems.
We’d hope that users with two-page displays would use the extra space for a second browser winner or another application, but users quite often maximize their windows and grow frustrated if the design, created for a smaller screen, fills up only a function of their screen.
Users with 8-bit color monitors will get a different set of 256 colors depending on their platform.
Therefore, pages can be designed using only the colors in the web-safe color palette, a subset of 216 colors that displays fairly reliably on all 8-bit platforms, without dithering the colors or mapping them to unexpected colors.
Web-safe colors were previously a critical design criterion for web designers but are becoming relatively unimportant as the number of users with 8-bit color is dwindling, and because using non-web-safe colors compromises visual quality but rarely interferes with usability (except when legibility of text is compromised because of dithering).
Browser Differences
Browser variation is extraordinarily hard to keep up with. While the vast majority of the browser market is held by Internet Explorer and Netscape Navigator, the variations among versions of these browsers demand lengthy testing.
When writing HTML, you need to consider backward compatibility with older versions of HTML, but you also need to consider how HTML standards are likely to evolve in order to avoid writing code that won’t work in future browser releases.
In addition, while you can write to fit the formal specifications of these browsers, you also need to work around lesser-known browser bugs.
Testing is essential or you’re likely to build a site that fails in unexpected ways. When testing your code in different browsers, write down the name of the browser, the operating system, and the browser version, as well as any nonstandard user settings.
This way, when a problem comes up later, you can check whether it should have been spotted in the version you tested, or whether you should have been testing a configuration you weren’t. For instance, during testing, write down the browser tested in a quick shorthand like
NT: E4.0, E5.0, N4.1, Opera3.0
Mac: N4.7, E5.0, iCab(beta)
Browsers often vary in how they handle aspects such as proprietary tags, horizontal rules, margins, link colors, and table formatting. And while conventions exist for how tags such as <blockquote> or <strong> are implemented, individual browsers may display them in a unique way of allow users to set their own format. So, although <blockquote> is normally used to indent a paragraph, an old version of Explorer displayed block quotes in italics.
The only way to rely on how the tags in the way expected is to conform to the standards specifications as closely as possible. Don’t depend on any display characteristics that aren’t spelled out in the standards.
Even so, the standards may not be implemented correctly, and testing remains the only way to verify compatibility.
Network Differences
Slow download time is one of the most frequent usability complaints. Slow pages will drive users away. Users may have 288.8 – 56K modems, ISDN. DSL, cable modems. T1 lines, or other broadband services.
Low-bandwidth modems are still common, in homes and in small businesses, so optimize your site for slower modems, and test from home rather than in a high-bandwidth development environment to get a feel for the user experience.
Report This Post