Many sites provide navigation at only the top one or two levels below those levels the user must use the browser navigation buttons. Navigation addresses how users get around within a site. Does the site use text links, buttons, or image maps? Does the user have to log on to get information? Will the site remember the user's previous session? How can the application learn from user behavior and provide content that the user wants? Interaction defines how users interface with the site. Depending on the type of content, it must also be timely, accurate, readable, and printable. A site must have content that is of value to visitors or there will be no reason for people to visit the site. They are all important areas, and their relative importance to a Web site varies depending on the nature of the site and its intended use.Ĭontent is king, as is often said. The design of Web interfaces can be subdivided into four areas: content, interaction, navigation, and graphics. Theo Mandel, in Encyclopedia of Information Systems, 2003 VI.B. Remember that this pattern is about providing way-finding through your content. At over three levels, you will find yourself confusing the position of what page the users are in. If you find yourself digging too deep, you might have to rethink your use of this pattern or the number of levels of pages you have. Try using this pattern to dig into two or three levels deep. Avoiding Mistakes Don’t over do a good thing The search result details can also be made actionable by giving the user the ability to save the result, share the result, or view more detail. This will allow the user easy access to preview and return back to the search results. In this case, I would use a “” button to lead the user back to the list or results. As the user previews the results, the navigation bar can have a button that returns them back to the search list instead of a “Back” button. By creating these pages or lists as active links, the user can touch each result. In this case, a search bar can be used to allow the user to enter a set of keywords and as search results emerge they can be displayed below the search box. A perfect example of this is using the list pattern to display search results. Using a Dynamic ListĪ step further to a static list of pages or links is using this pattern to manage a dynamic list. In the case of retail or e-commerce content we can add an “Add to Cart” or “Buy” button to the end of this page. Provide an action button below the page content. We can also allow users to save this page for their bookmarks or favorites. In most cases for content rich pages we can use a share function to access social media or email. Provide an action button in the top navigation bar. The navigation bar will also house the navigation buttons to travel back to previous pages. Users will identify with this element to anchor where in the experience they have moved into and how they will return. This bar should always remain consistent when diving deeper into pages and can also provide the current page title as reference. This will provide the “way-finding” for the user as they explore the experience. The navigation bar design should be consistent across all the pages. As a designer, your goal is to keep these buttons looking clear to the user so that they can be accessible and still maintain a consistent design across the experience (i.e., every list button should have the same look and feel or use of opening a deeper page). In typical cases we would use these to show detailed descriptions, larger-sized images or second-level pages. It can be marked with an arrow, hyperlink, and it can also have an over state to show that the button can be touched to activate. The list item should be a user interface button. This pattern is made from three main components.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |