Information Architecture     Documents and Deliverables                          A presentation by                        ...
Usability audit of existing sitesDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
Expert review        Homepage real estate utilisation analysis        Website positioning and heuristic reviewDocument own...
User profiles     To come up with effective user profiles we plot users’ investment patterns against their information    ...
Persona with scenarios                                            Helene White                                            ...
Content inventoryDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
Site structureDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
Site navigation                                                         Current site                                      ...
Process FlowDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
Mapping process flow to wireframesDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
User walkthrough                Finding Product - user walkthrough                Landing page for business sector        ...
Page StructureDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
Wireframes annotationDocument owner and author: Ujjaini Lahiri   Do not copy or distribute without permission
Wireframe (Low fidelity) & Visual designDocument owner and author: Ujjaini Lahiri        Do not copy or distribute without...
Wireframe (High fidelity) and Visual design                                                    High fidelity wireframes ar...
Thank you
Upcoming SlideShare
Loading in …5
×

UX Deliverables

1,045 views

Published on

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,045
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

UX Deliverables

  1. 1. Information Architecture Documents and Deliverables A presentation by Ujjaini LahiriDisclaimer:The following pages contain screen shots and sections taken fromprojects and presentations created at Heath Wallace. The copyright ofthe documents are owned by respective copyright owners. Thisdocument is for viewing only and should not be distributed or published.
  2. 2. Usability audit of existing sitesDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  3. 3. Expert review Homepage real estate utilisation analysis Website positioning and heuristic reviewDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  4. 4. User profiles To come up with effective user profiles we plot users’ investment patterns against their information requirements. The closer to the top right a user is, the more they are likely to use market A John Collins information to maximise their returns, while users on the lower left corner have shorter investment Ambitious investor horizons and require help with understanding the market. Maximum return on investment by being well informed about market trends Need Information B Helene White Responsible Investor A Needs information and some help E at times and wants good returns C Clair Webb Cautious investor Needs information, help and wants Short term Maximum good returns returns B return C D William Prince Pensioner Makes short term investments, and needs help with system and investment D E James Smith Smart Investor Needs to live for now, sharp market speculator, makes high risk investment Need HelpDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  5. 5. Persona with scenarios Helene White Sales Manager Managing personal finance § Personal finances are well organised § Makes long term financial with low risk, assured returns “I want assured returns, and like to § Wants see and compare different financial products § Do not need help with budgeting take informed decisions ” § Prefers to manage her finances online § Needs help with selection of financial products § Willing to learn more about the financial market Helene White, 28 is Sales Manager at John Lewis. Key expectations Helen lives with her boyfriend in a single bed stylish apartment she has recently bought. The mortgage payment has made her § Create and maintain investment portfolio more keen on understanding and managing her finances. § Manage transactions online § Search for suitable products She expects to get market information and sound financial advice § Advice on investment and financial risk § Make watch list to see product perform before investing along with good service from her banks. She chooses to manage § Calculator tool to assess returns finances online, as she is able to monitor her investments closely § Get SMS reminders and alerts for her investments at her convenience. Scenario Needs Features Behaviour Helene has received the annual bonus and wants to keep § Search § Search Helene goes to the website and searches for products with it for her wedding. She wants to know how much return § Calculate § Calculator guaranteed returns in two years. She calculates the she can earn on it in two years and select the best § Compare § Compare table returns using calculator tool. She then shortlists and goes investment. to compare products to get a better view. While searching for her financial products recently she § Save selection § Watch list Helene selects the products she wants to monitor and came across few products which appeared very lucrative. § Get report § Performance report saves them to her ‘watch list’. She gets a snapshot of the She wants see how the products do for a few days but do of these products from performance graph. not want to risk any money on them. Helen has a very busy schedule and wishes she could § Updates on mobile § SMS Updates Helene goes to the site and registers her mobile number. receive updates of her investment on her mobile and did § SMS Alerts She selects the SMS updates and alerts she would like to not need to go online. receive on her mobile.Document owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  6. 6. Content inventoryDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  7. 7. Site structureDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  8. 8. Site navigation Current site Proposed solution Homepage Homepage Advice & benefits Community & living Council & democracy Advice & benefits Community & living Council & democracy Level 1 Birth Birth Birth Council Birth tax Council tax Council tax Council tax Birth Council tax Council tax Level 2 Birth Re-registering Birth Registering Council tax New claims Council tax New claims Birth Registering Level 3Document owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  9. 9. Process FlowDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  10. 10. Mapping process flow to wireframesDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  11. 11. User walkthrough Finding Product - user walkthrough Landing page for business sector Business needs advice page Product details pages Products Products Business Bank Accounts Credit cards Business Direct Business Direct Credit Card Business Current Account Business Current Account Business Business Credit Card Business Debit cards Related Products Loans and Financing Saving Business Direct Business Business high interest bonds Business Loan Business Current Account Savin Business high interest bonds Business Financing Business Credit Card Business high interest bonds Business Deposit Bonds Business Debit cardsDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  12. 12. Page StructureDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  13. 13. Wireframes annotationDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  14. 14. Wireframe (Low fidelity) & Visual designDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  15. 15. Wireframe (High fidelity) and Visual design High fidelity wireframes are used for user testing, as this gives better feel of the proposed site. The header and footer follow the brand guideline so that users can identify with the site and brand. Final visual design derived from the wireframeDocument owner and author: Ujjaini Lahiri Do not copy or distribute without permission
  16. 16. Thank you

×