Design Document And Screenshot Pages (12 And 78)

810 Pages 12 Pages Of Design Document And 78 Pages Of Screenshots

For this assignment, you will be developing a prototype mock-up for both kiosk display screens and smart phone display screens. You will also include a narrative to explain how you would navigate each of the prototype options. The goal is to create a mock-up that will allow the user to perform usability testing on each of the options in week 4. You may use a low-fidelity approach to prototyping these mock-ups, such as PowerPoint, Visio, or another storyboarding type tool. If you decide to draw them on paper, then you will need to take photos and imbed them in your Word document.

You will need to design the main menu for the Tourist Information Application and a lower-level menu for each item on the main menu. Be sure to apply user interface design concepts in your layout that you researched in your Discussion Board assignment. The following are items you will need to include in this design: Banner heading Menus and options Graphics Items you want to hotlink to other pages Fill-inform layouts Logo that can go in banner heading or as the backdrop Also font and color you intend to use throughout the application Other options that you want to appear on every page A sample of your deliverable might be something like the following: Sample Kiosk Main Menu Sample Smart Phone Main Menu

Deliverables: The following are the overall project deliverables: Update the design document title page with a new date and project name. Update the previously completed sections based on your instructor's feedback. Complete new content below and copy it under the section in the User Interface Usability Design document called User Interface Design Prototypes. Include the following new content: User Interface Design Mockups Determine and utilize the method you are going to use to produce the low-fidelity mock-up of your designs. Develop and copy 3 mock-up designs according to the above instructions into the master design document that you started in week 1. Describe how the user navigates each of the options in each of the mock-up designs. Be sure to update your table of contents before submission.

Paper For Above instruction

Develop a comprehensive prototype mock-up for both kiosk and smartphone interfaces of a Tourist Information Application, integrating user interface design principles. The mock-up should facilitate usability testing, incorporating key elements such as banners, menus, graphics, hotlinked items, layout fillers, logos, font choices, and consistent design features. This project entails selecting a low-fidelity prototyping method, creating three distinct mock-ups, and providing detailed navigation narratives for each. Additionally, the project requires updating the design document, including a new title page, revisions based on instructor feedback, and a dedicated section for the prototypes, culminating in an organized, well-documented submission suitable for usability evaluation.

Paper For Above instruction

The process of designing a user interface for a Tourist Information Application demands thoughtful consideration of layout, navigation flow, aesthetics, and usability. In developing prototypes for both kiosk and smartphone displays, the primary objective is to create interfaces that are intuitive, visually appealing, and accessible. This paper elucidates the approach for constructing low-fidelity mock-ups, details the key components to be incorporated, and describes how the user would navigate these interfaces effectively. Furthermore, it discusses the importance of adhering to user interface design principles, applying research-based best practices, and systematically documenting the prototypes for testing purposes.

To begin, the choice of prototyping method is crucial. Low-fidelity prototypes, such as those created through PowerPoint, Visio, or paper sketches, allow rapid iteration and focus on layout and navigation without the distraction of detailed graphics or high resolution. These methods enable stakeholders to evaluate the usability aspects and provide feedback early in the development process. For this project, three mock-ups will be developed: one for the kiosk main menu, one for the smartphone main menu, and a third for a lower-level menu accessed from the main interface. Each mock-up must include identifiable elements such as a banner heading, menus with options, relevant graphics, hotlinked items, filler layouts, a logo, and consistent font and color schemes.

The design process begins with defining the main menu's structure. For the kiosk, the main menu should feature prominent options like "Explore Attractions," "Maps & Directions," "Event Calendar," and "Visitor Services." The smartphone version should prioritize simplicity, with larger touch targets, minimal text, and swipe gestures. Graphics should be relevant and engaging to attract user attention, while hotlink items should lead to sub-menus or detailed information pages. Logos should be integrated into the banner or used as backdrops to strengthen branding. Font choices should favor readability, with colors that complement the overall aesthetic and maintain high contrast for accessibility.

Navigation narratives are critical to demonstrate how users would interact with each mock-up. For instance, selecting "Explore Attractions" in the kiosk mock-up might expand into categories like Museums, Parks, and Historic Sites, each leading to further details. On smartphones, tapping the same option would open a new page or slide-in menu with these options, optimized for touch operation. Explaining the flow in clear, step-by-step language ensures that the prototypes can be effectively tested. The narratives should also address how users can return to previous menus, access the home screen, or navigate to other sections seamlessly.

Documenting these prototypes involves creating three distinct mock-ups, each visually representing the interface layout, with annotations explaining functionality. The mock-ups should be incorporated into the main design document, which was started in the initial phase of the project. Specific details such as mock-up dimensions, color schemes, font styles, and layout arrangements should be explicitly described. Additionally, the table of contents should be updated to reflect these new sections, ensuring clarity and organization in the final submission.

In conclusion, developing effective low-fidelity prototypes for a Tourist Information Application requires a structured approach that emphasizes usability, aesthetic coherence, and user-centered navigation. By carefully designing the mock-ups, providing comprehensive navigation narratives, and documenting the process systematically, the project will facilitate meaningful usability testing. This approach not only aligns with best practices in user interface design but also ensures that the final application meets the needs of diverse users seeking tourist information efficiently and enjoyably.

References

• Johnson, J. (2014). Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines. Morgan Kaufmann.
• Nielsen, J. (1994). Usability Engineering. Academic Press.
• Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., & Elmqvist, N. (2016). Designing the User Interface: Strategies for Effective Human-Computer Interaction. Pearson.
• Krug, S. (2014). Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders.
• Lidwell, W., Holden, K., & Butler, J. (2010). Universal Principles of Design. Rockport Publishers.
• Sharp, H., Rogers, Y., & Preece, J. (2019). Interaction Design: Beyond Human-Computer Interaction. John Wiley & Sons.
• Norman, D. A. (2013). The Design of Everyday Things. Basic Books.
• Beyer, H., & Holtzblatt, K. (1998). Contextual Design: Defining Customer-Centered Systems. Morgan Kaufmann.
• Cooper, A., Reimann, R., & Cronin, D. (2014). About Face: The Essentials of Interaction Design. Wiley.
• Gould, J. D., & Lewis, C. (1985). Designing for Usability: Key Principles and New Techniques. Communications of the ACM, 28(3), 300-311.