1 / 20

User Account Management Wireframes

Detailed wireframes for user account interactions including login, order tracking, exceptions, and functionality. Streamlined design for user navigation and ease of use.

tholt
Download Presentation

User Account Management Wireframes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 01a – Main Page Wireframe

  2. Notes Quick Link Content The Information provided in the quick links section is just some of the information that could be present, based on the blueprints. Advertising and Daily Deals These should be changing daily and thus have no set graphics, just a particular layout which is conveyed here. Also, all advertising and deal links will redirect to a specific product page. Streaming adds There will be a preset number of advertisements that will be changing, these should be updated daily

  3. 01b – Main Page Wireframe • Account Login: • User enters username into username field • 2) User enters password into password field • 3) User clicks on log-in button • 4) System validates information and user is brought to the account screen if correct • Login exceptions: • User enters incorrect username or password • 1) An error is displayed telling the user the information is wrong • 2) User inputs username and password • 3) System checks new information • Order Tracking: • 1) User either clicks on the order in their order history or enters their order number in the order tracking page • 2) User clicks on view order status button • 3) System validates information, of correct the order is shown • Order Tracking exceptions: • User enters non-existing order number • 1) User is given a message that the order does not exist • 2) User inputs order number

  4. Notes Basic Connectivity: With this, and every other blueprint in this document, assume that all navigation is free flowing and that no sections of the site are blocked off after entering another part of the page unless specified.

  5. 02a – Product Main Page Wireframe

  6. Notes Page Definition This is the main page for products being sold on the site. The quick links on the side are basically the quick way of finding a product category that is needed which will vary based on what type of goods the company is selling. Sort by brand and sort by price will allow the user to go through items by price or brand if they so desire. Featured product These are more advertisements that allow the user to either go right to the specific product or browse through similar products which is a useful tool to get people to buy things. Top selling products Shows users right off the bat what other users are buying the most of.

  7. 02b – Product Page Blueprint Use case: 1) 2) 3) Use case exceptions: Step 1: Step description 1) 2) 3) Use case: 1) 2) 3) Use case exceptions: Step 1: Step description 1) 2) 3) Use case: 1) 2) 3) Use case exceptions: Step 1: Step description 1) 2) 3)

  8. Notes Products not displayed:: To display every product would take a lot of time and space but the ones listed should provide a good idea of most products should be laid out in the site. Likewise, the products present can and should be expanded beyond what is seen. Brand and Price: All products should be able to be sorted by brand and price.

  9. 03a – Individual product page wireframe

  10. Notes Product info:: The product info will change in screen in the box located on the right side of the screen based on which link is chosen. Sub-Category links These are links to various sub-categories of the product (such as LCD monitors or AMD processors).

  11. 03b – Individual product page blueprint

  12. 04 – Account Page Wireframe

  13. Notes Page Functionality:: The information in the big box in the middle will change in regards to which link is chosen from the account information toolbar. Other navigation exists to allow users to freely explore the site whenever they choose.

  14. 05 – News Page Wireframe

  15. Notes Variability: Information on this page will be changing daily or more often depending on how important the news is to keep up with. News Categories The news categories on the left most side of the page are by no means the only ones that can be put there but are there for means of getting the idea across. Story sources: If the headlines are did not originate from the site itself the link should bring the user to the site it originated from if its possible.

  16. 06 – Components Page Blueprint

  17. Notes See product blueprint notes

  18. 07 – Cart page blueprint

  19. Notes Notetitle: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

More Related