3/17/2023 0 Comments Konigi omnigraffleYour developers if your proposed solution involves tricky technical logic. Instead, pay attention to the high-level interactions. It’s easy to overwhelm userįlows with irrelevant minutiae. User flows are great at explaining complex logic, but don’t let them become swamped with detail. If only a few sections of your site are process-led, you can create a user flow in tandem with a sitemap simply cross-reference Of your site, such as creating a new account or adding an item to a shopping cart. User flows are particularly suitable for task-driven sections Rather than capturing a hierarchical information structure. This deliverable describes how a user moves through a process, Under these circumstances a user flow may be more suitable. The simple hierarchical nature of a sitemap can be too limiting on sites with complex navigation, large amounts of user-generatedĬontent, or process-heavy applications that branch according to user input. This user flow captures a sign-in/register process using Jesse James Garrett’s visual vocabulary. Start creating all those boxes and arrows. Tools like Microsoft Excel and the Omni Group’s OmniOutliner will help you shuffle pages around before you Since a sitemap is all about structure and hierarchy, starting with a text outline can be useful. We’ll talk more about feedback and critique in Chapter 5. Share with your team, so don’t be surprised if it sparks debate. Let a sitemap’s simplicity fool you: it will play an important role in the project. It’s not unusual to discover branches reaching farther thanĬreating a sitemap will help you understand not only scope but also how sections and pages should be arranged and labeled.īy the end of the exercise you should have a fair idea of how your site navigation will work, and what labels you should giveĭocumenting a sitemap is a relatively simple task, thanks to Jesse James Garrett’s visual vocabulary ( in which you’ll find a standardized set of shapes and connectors for use in your sitemaps and other deliverables. It’s worth starting this process as early as you can, so that you can fullyĪppreciate the components of the system and what work lies ahead. Use what you learned in your research (card sorts, interviews, and so on) to draft a structure that holds the site’sĬontent in a way that’s meaningful to your users. They also sell sketchpads and sticky pads with the browser chrome pre-printed so you needed worry about drawing to scale.This sitemap uses a top-to-bottom hierarchy to show site structure.Ī sitemap is a familiar tool to every UX designer you’ll use one for most sites you design, particularly large, information-heavy Their kits also come with a mechanical pencil and PDF templates. But UI Stencils make that a breeze by providing stainless steal stencils for common UI components for websites, iPhone and now iPad. They’re called UI Stencils, and they’re made by Design Commission, an experience design agency in Seattle.ĭrawing can be intimidating for a lot of folks, and the fear of not being a “good drawer” prevents people from picking up a pencil to communicate their ideas. Yes, I’m obsessed with Konigi’s Omnigraffle wireframe stencils, but what if you could have real-life stencils to help you sketch? You can.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |