1 / 38

MM2.0 - STORYBOARD Android Demo

MM2.0 - STORYBOARD Android Demo. Jun 6 th , 2008. Android Demo. Login. Sequence Input user id and password to login Click ‘LOGIN’ If user id and password are valid, go to welcome screen If user id or password are invalid, show error message box and let user retry to login. Logging in help.

kyra-franco
Download Presentation

MM2.0 - STORYBOARD Android Demo

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. MM2.0 - STORYBOARDAndroid Demo Jun 6th, 2008

  2. Android Demo Login • Sequence • Input user id and password to login • Click ‘LOGIN’ • If user id and password are valid, go to welcome screen • If user id or password are invalid, show error message box and let user retry to login Logging in help 1.0 Welcome

  3. Global 1.0 Welcome 2.0 Account 3.0 Activity 4.0 Move Money 5.0 Budget 6.0 Stocks 7.0 Deals 8.0 Share 9.0 Settings 10.0 Menu Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  4. Welcome 1.0 Welcome Account 1 Account 2 2.0 Accounts (if there are more than 2 accounts) Asset Portfolio Budget New Requests Messages Shortcuts 1 Shortcuts 2 Shortcuts 3 Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  5. Android Demo 1.0 Welcome • Sequence • User can see accounts and balance. • User can select each account name to see details • User can select ‘View all accounts’ to see other accounts information • User can see financial status at a glance and select ‘My asset’ to see the details • User can see budget and expense at a glance and select to see the detail • User can see number of recent requested money transfer messages and select ‘$ requests’ to move on ‘Move Money’ screen • User can see number of recent messages and select to move on messages • User can see shortcuts that was registered from thick and thin clients and select to move on each screen Accounts > Bank Account Checking $3,874.89 Saving $11,910.49 View all accounts My asset $13,800.00 Spent to date $9,999 (100%) Accounts Shortcuts Bill pay Budget Move Money > Bill pay

  6. Account 2.0 Accounts 2.1 Bank Account 2.2 Credit Card 2.3 Stock Account 2.4 Obopay Account 2.5 Find ATM 2.6. Transfer Money 3.3.1 Account Activity 3.3.1 Account Activity 6.4 Open Orders 4.4 Respond to money requests 4.1 Bill pay 2.5.1 ATM Location 2.6.1 Review Transfer 4.1 Bill pay 2.6 Transfer Money 3.3.1 Account Activity 3.3.1 Account Activity Confirmation Message 2.7 Asset Portfolio 4.1 Bill pay 2.6 Transfer Money 4.2 Pay a contact 2.7.2 Change Analysis Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  7. Android Demo 2.0 Accounts • Sequence • The account list box show all of user’s accounts and balance • User can select each account name to see the detail • User can select ‘Transfer money’ to send money • User can select ‘Bill pay’ • User can select ‘Asset Portfolio’ to see asset portfolio • User can select ‘Find ATM’ to find nearest ATM from user’s location or specific landmark Accounts > Bank Account All accounts Checking $ 3874.89 Savings $ 11,910.49 Stocks $ 1,000.00 2.6 Transfer Money Transfer money Bill pay Find ATM 4.1 Bill pay 2.5 ATM locations

  8. Android Demo 2.1 Bank Account • Sequence • User can see summary of each bank account • User can select ‘Activity’ to move on ‘View by Account’ of ‘Activity’ • User can select ‘Bill pay’ to pay bill with this bank account • User can select ‘Transfer’ to transfer money with this bank account Bank account Accounts > View by account Checking…5976 Balance: $3874.89 Available: $3874.89 Overdraft: $300.00 Last activity: 4:17PM on 03/09/08 Activity Bill pay Transfer money Move Money > Bill pay Accounts > Transfer money

  9. Android Demo 2.5 Find ATM • Sequence • User can select ‘LOCATE ME’ to find ATM locations nears user’s current location • Or User can input zip code, address or landmark and select ‘FIND’ button • If the location found successfully, user can see the information such as address, distance.And then click ‘CLOSE’ button to back to the previous screen. • If finding process was failed since no ATM was found nears user’s location or the address was wrong, user can see error message and use can retry ACCOUNTS ATM locations ACCOUNTS ATM locations Nearest locations: ATM locations 지도그림들어갈예정임 Find ATM 1 LOCATE ME 2 3 1 Or Enter a zip code or address: 94403 FIND 2 1. San Mateo-Hillsdale (0.56mi) 2. ATM 7-ELEVEN, INC. (1.14mi) CLOSE San Mateo-Hillsdale Distance: 0.56mi Address: 61 W. Hillsdale Blvd San Mateo, CA, United States 94403 CLOSE

  10. Android Demo 2.6 Transfer Money • Sequence • User can select From account.If user moved from bank account or stock account, the from account will be already selected and is not changeable • User can select To account • User can input amount to transfer • User select ‘REVIEW TRANSFER’ to review transfer information • User can select ‘CLOSE’ to cancel transferring • User input password of account • User select ‘MAKE TRANSFER’ to execute transferring • User select ‘CLOSE’ to move on previous screen • If transferring was failed user can see error message ACCOUNTS Transfer Money ACCOUNTS Transfer Money Confirmation Transfer money has been completed CLOSE

  11. Activity 3.0 Activity 3.2 View all 3.1 Assign Category 3.3 View by account 3.7.1 auto-assign 3.4 View by category 8.1.1 Merchant Detail 3.5 View by date 3.6 Search 3. 7 Edit auto-assign 3.7.1 Auto-assign 3.7.2 Remove auto-assign 3.7.3 Enable / Disable Auto-Assign Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  12. Android Demo 3.0 Activity • Sequence • User can see recent activities • User can assign category for each activities • User can add, review feedbacks and get deals from the merchant (payee) • User can see activities by all, account, category and date • User can search activities by a term 3.1 Assign Category Recent activity Starbucks $30.20 CATEGORY SHARE Borders $215.00 | Books Park ’n’ Shop $57.00 | Food View by account View by date 12.1.1 Merchant Detail 3.3 View by account

  13. Android Demo 3.1 Assign Category • Sequence • User can select proper category for an activity from category list • User can click ‘ASSIGN’ button to assign category on the activity • User can click ‘AUTO-ASSIGN’ to make that the activity will be the category automaticallyAfter selecting ‘AUTO-ASSIGN’ the payee will always be set as the category Assign category of ‘Starbucks’ Expense Food ⊙Coffee ○ Dining out Bill ○ Mobile phone ○ Electronic Automobile ○ Gas ACTIVITY Assign Category ACTIVITY Assign Category ASSIGN CLOSE 2 Confirmation Category for ‘starbucks’ has been assigned Assign category of ‘Starbucks’ Salary CLOSE Income

  14. Android Demo 3.3 View by account • Sequence • User can see names of all of accounts • And click one to see activities of account View by account View by account Citi checking…2345 Citi checking…2345 ATM deposit $59.22 | Bank stuff Saving…1234 Date : 5:23PM on 3/20/08 Location : Union Square NYC Visa card…7846 Obopay CATEGORY SHARE Best Buy $59.12 | Electronics Park ‘n’ Shop $34.90 | Food Borders $14.12 | Books NEXT 1 of 11 3.1 Assign Category 12.1.1 Merchant Detail

  15. Move Money 4.0 Move Money 4.1 Bill pay 4.1.1 Details [Bill pay] 4.1.1.1 Review Payment Confirmation Message 4.2 Pay a contact 4.2.1 Review payment Confirmation Message 2.6 Transfer Money 4.3.1 Details [Request Money] Confirmation Message 4.3 Request Money 3.3 Activity 4.3.1 Details 4.4 Open requests Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  16. Android Demo 4.0 Move Money Open requests(3) Lan Guo $39.00 Janice Ethyl $215.50 Kevin Lee $57.00 Bill pay Transfer money Activity • Sequence • User can see requests from others • If request has been ignored, the request will removed from list • ‘More request’ let user see all of requests 3.0 Activity 2.6 Transfer money 4.1 Bill pay

  17. Android Demo 4.1 Bill pay MOVE MONEY Review payment MOVE MONEY Bill pay MOVE MONEY Bill pay Payee: PG&E Confirm pay: Payee: PG&E Pay from: Checking…5648 Payment date: 05/15/08 Amount: $39.00 Bill pay Please select payee Pay from: Checking…1234 PG&E Amount: AT&T $39.00 Password: Comcast cable Payment date: ⊙ Now ○ Specify date (or recurrence) San Francisco Chronicle BACK PAY NOW NEXT CLOSE CLOSE • Sequence • User can select payee from favorite payees to pay bill.User can add new payee on the web Confirmation Bill has been paid for ‘Banana Republic’ Payee: Banana Republic CLOSE

  18. Budget 5.0 Budget 5.1 Budget details 3.4 View by Category Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  19. Android Demo 5.0 Budget 2 Budget details Category Budget($) Actual($) 3.4 View by category 1 Food 500.00 350.45 Coffee 20.00 55.55 Month to date total 1 Budget: $1,000 Stock 200.00 190.00 Books 100.00 88.50 Actual: $900 Groceries 80.00 100.50 Travel 100.00 115.05 View details TOTAL 1000.00 900.00 2 When monthly budget has been set Budget bar chart If monthly budget has been set the chart will show on screen as below Sequence User can see amount of monthly budget and actual expense at a glance.If no budget has been set, just actual spending will be shown If monthly budget exists, user can edit budget, If budget not exists, user can create budget Budget Actual expense

  20. Stock 6.0 Stock 2.3.1 Account Details 6.1 Stock Summary 6.2 My Portfolio 6.3 Watch List 6.4 Open Orders 6.5 Stock Alerts 6.6 Market News 6.1.1 Charts & Headlines 6.1 Stock Summary 6.3.1 Edit Watch List 6.4.1 Order Details 6.5.1 Set / Edit Stock Alert 6.6.1 News Details 6.6.1 News Story 6.1.3 Buy Stock 6.1.3.1 Preview Purchase 6.1.4 Sell Stock 6.1.4.1 Preview Sale 6.1.5 Add / Remove Stock from watch list 6.5.1 Create / Adjust stock alert Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  21. Android Demo 6.0 Stocks GOOGLE. (Nasdaq: GOOG) 567.00 + 0.50(+0.09%) INVESTMENT Summary My portfolio as of 4:17PM on 02/29/08 My stocks Last trade: 567.00 Trade time: 1:14PM ET Prev close: 550.30 Open: 540.89 Change: +19.30 (3.29%) Cost: $1,800.00 Value: $2,200.00 Profit: $4,000.00 Profit %: 12.00% Get quote Enter symbol or name GO My portfolio Buy Google (GOOG) 567.00 +3.29% Open orders Chart & headlines Adobe (ADBE) 42.30 -3.62% DOW 12,209.81 +394.64 +3.13% Apple (AAPL) 185.64 +0.38% Nasdag 2,474.56 +75.38 +2.96% CLOSE Sequence User can find stock quotes from this screen and access to other information which is related to stocks Trading account link let user can access to stock accountWatch list is for monitoring screen of selected stocksUser can set alerts about change of stock pricesMarket news let user see news information

  22. Coupon & Gift 7.0 coupon & gift (Find coupon) 7.2 Search Results 7.1 Saved coupon 7.3.1 Coupon Details 7.2.1 Coupon Detail 7.2.1.1 More Info 7.2.1.2 Save / Buy 7.2.1.3 Send gift 7.2.1.4 Redeem Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  23. Android Demo 7.0 Deals • Sequence • User can find deals which are nears user’s location or nears zip code, address or landmarkCategories that user can select is as below- ALL- Hotel- Restaurant- Shopping- Etc • ‘Saved deals’ provide user’s own deals ALL 1 HOTEL RESTAURANT SHOPPING ETC ALL 7.1 Search Result Find coupon & gift Category: Location: LOCATE ME Or zip code or address: ALL FIND Saved coupons 2

  24. Android Demo 7.1 Search results • Sequence • User can search free or pay deals • User can select ‘Detail’ to see detail of the deal • Basically the search result is to sorted by ‘best ratings’ user can change the ordering Search results Coupons near your location 1 Borders : 40% off… Free 40% off box set DVDs now through 04/09/08 BOOKS Price : Free 2 DETAIL Starbucks: Café latte 3.00 Radio Shack: Buy 1 Free 1… Free 7.1.1 Coupon detail 7.0 Coupon & gift Lucali: Special meal… 10.00

  25. Android Demo 7.1.1 Coupon detail (from Search result) • Sequence • User can see detail of deal • If the deal is a pay deal user can buy it for own or buy and send it to friendIf the deal is free, user can select save or send simply COUPON & GIFT Coupon detail COUPON & GIFT Coupon detail DEALS Deals detail MORE INFO SAVE SEND GIFT BACK SAVE SEND GIFT CLOSE CLOSE Confirmation Coupon has been saved successfully CLOSE Deals > Send gift

  26. Android Demo 7.1.1 Coupon detail (from Saved deal) COUPON & GIFT Coupon detail COUPON & GIFT Coupon detail Deals > Saved deals Sender: Lan Guo Received: 04/01/08 Sender: Lan Guo Received: 04/01/08 MORE INFO DELETE BACK DELETE CLOSE CLOSE • Sequence • User can see detail of deal from saved deal • User can select ‘delete’ button to delete the deals

  27. Android Demo 7.1.1.3 Send gift • Sequence • The sequence of sending a free gift is same to sending pay gift except payment • User can simply input receiver’s phone number and message and then, click send Starbucks $4.32 Vanilla Latte(Grande) To: COUPON & GIFT Send gift DEALS Send Gift 1 SEARCH CONTACTS Message: 2 SEND CLOSE Gift has been sent Gift has been sent to ‘Brue Chan’ Are you sure you want to make this purchase? From : Checking…5478 CLOSE

  28. Android Demo 7.2 Saved coupons • Sequence • Saved deals screen let user browse user’s own deals Saved coupons 1 Borders : 40% off… GIFT 40% off box set DVDs now through 04/09/08 BOOKS Price : Free 7.1.1 Coupon detail (from Saved deal) DETAIL Starbucks: $1 off.. Starbucks: $1 off.. GIFT Radio Shack: Buy 1 get 1 free…

  29. Share 8.0 Share 8.1 Search Result 8.1.1 Merchant Detail 8.1.1.1 View Feedback 8.1.1.2 Add Feedback 8.1.1.3 Get deals 7.1.1 Deal Detail 8.2 Favorite merchant s 8.1.1 Merchant detail Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  30. Android Demo 8.0 Share • Sequence • User can find merchant which are nears user’s location or nears zip code, address or landmarkCategories that user can select is as below- ALL- Hotel- Restaurant- Shopping- Etc ALL 1 HOTEL RESTAURANT SHOPPING ETC ALL 8.1 Search result Find merchant Category: Or Enter zip code or address: LOCATE ME ALL FIND Favorite merchants Favorite merchants

  31. Android Demo 8.1 Search Result • Sequence • User can see merchant list with average rating • User can select ‘Detail’ to see detail of the merchant • Basically the search result is to sorted by ‘best ratings’ user can change the ordering Search results Merchants near your location Max gas station ★ ★ ★ ★ ★ All about care of car, wash and mini mart GAS STATION 2 DETAIL Shell gas station ★ ★ ★ ★ 12.1.1 Merchant Detail BP gas station ★ ★ ★ Mobil gas station ★ ★ ★ 12.0 Share

  32. Android Demo 8.1.1 Merchant detail • Sequence • Merchant detail show description about the merchant and ratings will show based on average and by 3 types of itemsUser can view feedback messages related the merchant and leave own feedback • If the merchant provide deals user can browse and select Max gas station SHARE Merchant detail We bring customers all about professional care service, car wash. 12.1 Search Detail 12.1.1.1 View Feedback Don’t forget stop by our mini cafe too Rating: ★ ★ ★ (3.5) 35 feedbacks VIEW FEEDBACK ADD FEEDBACK 5 deals GET DEALS GET DEALS CLOSE 12.1.1.2 Add Feedback 12.1.1.3 Get Deals

  33. Android Demo 8.1.1.1 View feedback SHARE View feedback SHARE View feedback Max gas station Feedback: ‘Max gas station’ Written by : Janice Ethyl Date : 03/05/08 Very friendly, very good, quick service… Janice Ethyl (★ 4.5) 1 Rating: ★ ★ ★ Price: ★ ★ ★ Service: ★ ★ ★ ★ Car care: ★ ★ 12.1.1 Merchant Detail Great thanks…Kevin Lee(★ 2.0) The owner really cares about cars. He is very honest… Lan Guo(★ 4.0) Message: Very friendly, very good, quick service. We bring our car there for all service ADD FEEDBACK CLOSE CLOSE • Sequence • User can see feedbacks which has been leaved by other users 12.1.1.2 Add Feedback

  34. Android Demo 8.1.1.2 Add feedback Feedback has been added CLOSE SHARE Add feedback SHARE Add feedback Add feedback: Max gas station Add feedback: Max gas station 1 1 Price: Price: Service: Service: 12.1.1.1 View Feedback Car care: Car care: Message: (Max 200 characters) Message: (Max 200 characters) Good prices and nice mini cafe Good prices and nice mini cafe ADD FEEDBACK ADD FEEDBACK CLOSE CLOSE 12.1.1 Merchant Detail • Sequence • User can leave own feedback and rating on the merchant The rating could be from 1 star to 5 starAll merchant can has 3 rating. Price and service is default category and another one is flexible by the type of merchant ★★★☆☆ ★★★☆☆ ★★★☆☆ ★★★☆☆ ★★★☆☆ ★★★☆☆

  35. Android Demo 8.1.1.3 Get deals • Sequence • If merchant can provide deals user can browse the list and select it DEALS Deals detail SHARE Get deals Deals of ‘Max gas station’ Free car wash Free $100 Gas $990.00 12.1.1 Merchant Detail Mini café coffee Free Car care Free Green Tea Latte | $3.00 MAX Gas station Free car wash CLOSE MORE INFO SAVE DEAL SEND GIFT CLOSE

  36. Android Demo 8.2 Favorite merchants • Sequence • User can see the favorite merchants. The merchants sorted by categories and the categories that user can select are as below below- ALL- Hotel- Restaurant- Shopping- Etc ALL HOTEL RESTAURANT SHOPPING ETC ALL Favorite merchants Max gas station ★ 5.0 All about care of car, wash and mini mart GAS STATION DETAIL 8.1.1 Merchant Detail Borders ★ 4.5 Starbucks ★ 4.5 Radio Shack ★ 3.0

  37. Menu 10.0 Menu Shortcut 1 Shortcut 2 Shortcut 3 1.0 Welcome 8.0 Settings 2.5 ATM Location 8.1 Check for / Update Version 10.1 FAQs 10.1.1 Topic 10.2 Call customer service 10.3 Logout 10.3.1 Logout Confirm Account 1 1.0 Welcome 1.0 Welcome 4.4 Respond to money request Key Indicates a screen that is show up via soft key A Link to another screen Indicates confirm messaging Android Demo Indicates a screen Conditional Request

  38. Android Demo 8.0 Settings MENU Time deposits Bill pay Check stock Welcome Settings Find ATM Check for updates FAQ Call customer service Logout

More Related