User experience design is a subset of the field of experience design which pertains to the creation of the architecture and interaction models which impact a user's perception of a device or system. The scope of the field is directed at affecting 'all aspects of the user’s interaction with the product: how it is perceived, learned, and used.'
'Blogging' is a Web-based form of communication that is rapidly becoming mainstream. In this paper, we report the results of an ethnographic study of blogging, focusing on blogs written by individuals or small groups, with limited audiences. We discuss motivations for blogging, the quality of social interactivity that characterized the blogs we studied, and relationships to the blogger¡¯s audience. We consider the way bloggers related to the known audience of their personal social networks as well as the wider 'blogosphere' of unknown readers. We then make design recommendations for blogging software based on these findings.
I think podcasting is powerful because it gives us the opportunity to reach people in ways we cannot with blogs and websites. Don't get me wrong, blogs and sites have their place. But let's face it, people have information overload! It's often a choice between reading your blog and the 15 other things they need to read. But with podcasts, people tell me that they listen via their iPods while in the gym. They burn them to CD and listen in their car during their commute. They listen on their computer with a headset or speakers.
This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view. In the gallery view, the arrow keys can be used to navigate and the view can be closed using the “Esc” key.
A full width tab component with some example media queries for adjusting the icons of the tabs and the content layout. The main idea is to show only icons for the mobile view and allow the text to appear when there’s enough space. The content columns and the containing media boxes have three different layouts.
On the web, a blurb is a line or short paragraph (20-50 words) that evaluates (or at least summarizes) what the reader will find at the other end of a link. A good blurb should inform, not tease. Usability testing will help you determine the best way to lay out your blurbs, but this document will help you write the content.
A blog about interface design for social web sites and applications. I write about recommendation systems, identity, ratings, privacy, comments, profiles, tags, reputation, sharing, as well as the social psychology underlying our motivation to use (or not use) these things.
Today’s tutorial will show you how easy it is to create book-style chapter (article, whatever) introductions using nothing but pure CSS — no XHTML was harmed in the making of this tutorial. We’ll use two types of selectors which I haven’t talked about yet here: adjacent sibling selectors and pseudo-element selectors. I’ll explain each type briefly before we get started.
You can link to any tag within the page by quoting its ID. For example, if you have a paragraph with an ID of "intro", then you can link directly to that point without having to insert a bookmark.
The only effective way to promote a website is by hosting unique, quality content. Search engine optimization and paid inclusions are a waste of time and money if there isn't a compelling reason for your visitors to come back once they have found you.
At a time when theorists write of globalization as a global and local process, businesses can little afford to make assumptions about customers, even in traditional markets. This paper addresses the importance of applied design research, in the context of globalism, to the initial stages of product development. Products are understood here to include three-dimensional objects like appliances and furniture as well as communication products like software. Current debates about cultural identity in the context of widespread travel and global media are outlined. The possibility for research to identify the criteria of cultural appropriateness and acceptance of products is explored, and an argument for applied research as imperative for product design in today?s international business arena is advanced. The essay concludes with an appendix outlining an array of relevant research methods.
Web design is under attack. Our enemy is a dangerous meme known as reductionism. This devious adversary is spreading the notion that we can fully understand Web sites as a combination of simpler components, and that we can break the process of design into lots of quick steps and clearly defined deliverables.
What is the industry standard for bounce rate? The simple and short answer is that there is no industry standard. I know you don’t want to hear that, but it is true. There is no industry standard. There are some ranges that I will share shortly but we can’t call them industry standards. There are a lot of factors that influence the bounce rate, so you really can’t compare bounce rates of one site (or page) to another.
Boxes and Arrows is the definitive source for the complex task of bringing architecture and design to the digital landscape. There are various titles and professions associated with this undertaking—information architecture, information design, interaction design, interface design—but when we looked at the work that we were actually doing, we found a “community of practice” with similarities in outlook and approach that far outweighed our differences. Boxes and Arrows is a peer-written journal dedicated to discussing, improving and promoting the work of this community, through the sharing of exemplary technique, innovation and informed opinion.
As user experience professionals, we have the opportunity to work more closely with brand and marketing specialists to clearly articulate the brand perception we want to elicit from our customers. Brand perception is, in part, an expectation on the part of a customer regarding future interactions with a company and its products and services. To achieve our desired brand perception, we must consistently represent and deliver the brand values we have led customers to expect.
Many web sites exist primarily to create or strengthen the brand for a product or service. We’re finding that a site’s usability can dramatically affect branding. And the graphical aspects of the site — such as logos or evocative pictures — have much less effect on branding than we expected.
The trouble with using text as a branding tool on web pages is that it gets in the way of what visitors are looking for. Visitors want and expect text to be useful and information. They are in 'active' and 'engaged' mode. They are searching. They want something. Text that isn't useful is disappointing.
Breadcrumbs serve two purposes: 1) they provide information to the user as to where they are located within the site, and 2) they offer shortcut links for users to “jump” to previous categories in the sequence without using the Back key, other navigation bars, or the search engine. Breadcrumb paths give location information and links in a backward linear manner. Navigation methods, such as search fields or horizontal/vertical navigation bars, serve to retrieve information for the user in a forward-seeking approach. As suggested by Marchionini, systems that support navigation by both browsing and analytical strategies are most beneficial to users since various patterns, strategies, tactics, and moves associated with both types of strategies are normally used.
There has been speculation that a breadcrumb trail also aids the user's 'mental model' of the site's layout to reduce disorientation within the site (Bernard, 2003); however, we have not found research to validate this assumption. It would seem logical, however, that a constant visualization of the path to the user's current location would increase their awareness and knowledge of the site structure.
There are three different types of breadcrumbs represented in websites – path, attribute, and location. Path breadcrumb trails are dynamic in that any given page will show a different breadcrumb trail based on how the user reached the page. Attribute breadcrumb trails display meta information showing many different trails representing several possible paths to reach the page.
In the mid-1990s, Makiko Itoh and her partner left New York's cubicle land for a web shop of their own in the suburbs of Zurich. Learn from her tips on running your own web agency.
Designers, we have a problem. It seems we have forgotten how to be creative. It is true, the very nature of what we do is based on creativity, however more often than not we tend to be swept away by the latest trends or “what’s hot” rather than seeking out fresh inspiration.
One page or separate pages? When faced with that decision, ask yourself these questions: How much do people want in one visit? How connected is the information? Am I overloading my site visitors? How long is the web page? What’s the download time? Will people want to print? How much will they want to print?