1 / 24

we Board

we Board. by: Siriphone Anna Lam. IMD485 Senior Project Production - Section A Winter 2012 - Instructor: Joanna Dacko. Web Enhanced Board An online tool system and mobile application that makes it more efficient for users to develop different forms of user experience designs.

veta
Download Presentation

we Board

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. we Board • by: Siriphone Anna Lam IMD485 Senior Project Production - Section A Winter 2012 - Instructor: Joanna Dacko

  2. Web Enhanced Board • An online tool system and mobile application that makes it more efficient for users to develop different forms of user experience designs. • WeBoard makes it easy to design on cross platform systems between your home computer to your mobile device.

  3. What we offer: • Nothing to install or download on your computer • Take it on the go by downloading the app to on your iPhone or iPad • Easy to use drag and drop system • Simple edit tools to read and use with no expertise needed • Large library containing icons, images, and templates ready to use, or simply upload your own images • Export it to HTML through any internet browser and distribute it to unlimited number of users to test

  4. Target Market • Education: Professors and Students in the web design and developing fields. • Business: Business Owner, Project Manager, Web Designer, Content Strategist, Technical Manager, Web Developer, Application Developer

  5. Comparative Analysis Visual appealing Informative Lots of examples Free to use before purchase No downloading process Sharing capability Easy to use tool system Standard layout for online tool system Limited use for free version Expensive to purchase gliffy.com

  6. Comparative Analysis Nice color pallet Clean Informative Free to use before purchase No downloading process Sharing capability Easy to use drag-and-drop tool system Link multiple pages together Limited use for free version Expensive to purchase No uploading capability Not enough editing tools gomocking bird.com

  7. Comparative Analysis Mobile Touch screen system Basic editing tools Easy to use Clean Made easy for touch screen Mockup templates for iPad & iPhone Only for iPad Mockups only No uploading capability Limited on UX development Less editing tools iMockups for iPad

  8. Bill Johnson “Being self-employed has it’s perk. Some days I’m super busy, other days I have no work.” background: Bill is a self-employed freelance web designer. His popularity amongst friends and family has gave him the business of designing and developing websites. Some days, Bill has his hands full with many requests for a website. Being self-employed has it’s downside when there is too many requests to handle, but in Bill’s case, he needs all the money he can earn. goals: Bill’s goal are to reduce the amount of work he has to do for clients. Age: 27 Education: Some college Family: 1 Technical Profile: Preferred operation system: PC Preferred browser: Firefox, Opera Internet use (hrs/week): 60 hrs Favorite Sites: Smashing Magazine Lynda.com PC Mag What does the user want/need?: Easy to use site Clarity in images Sharing capability

  9. Todd Santo “I am a developer on the go, so I rely a lot of my iPhone to be my assistant. If only she could make me coffee.” background: Bill is a senior developer for a small web design company. He works long hours outside of his office. He travels to meet with other business to discuss business on weekly basis. goals: Todd’s goal is to produce more work activities while able to travel. Age: 34 Education: Some college Family: 1 Technical Profile Preferred operation system: PC Preferred browser: Firefox, Opera Internet use (hrs/week): 30 hrs Favorite Sites: CNN PC Mag What does the user want/need? Mobile Fast Sharing capability

  10. Holli True “Design is intelligence made visible” background:A graphic design student who is inspired by living in the city. She works as a part time doing freelance graphics and photography, as well as going to college full time. In her second year in college, Holli has been learning different fields of designing, from painting to web. She uses the internet as her main source of extra research when learning new things from school. goals: Holli’s goal is to be better organized between her busy schedules and get everything done the first time. Age: 21 Education: Some college Family: 1 Technical Profile Preferred operation system: Mac Preferred browser: Safari, Firefox Internet use (hrs/week): 35 hrs Favorite Sites: Smashing Magazine Gliffy Facebook What does the user want/need? Uploading capability Mobile Sharing capability

  11. Mind Map Site Map Usability Flow Chart Design Wireframe HCI Mind mapping User Experience Charts Marketing Diagrams Accessibility Comps System Performance Collaborate Email WeBoard Sharing PDF Print Post on Facebook Native Application iPad iPhone Mobile

  12. Site Map Home Examples About Tour Log In PC Mobile PC Mobile Register Member

  13. Flow Chart No WeBoard Log In Fill application New Yes About Returning Tour Finish Examples

  14. Wireframe

  15. Wireframe

  16. Wireframe

  17. Design Comps

  18. Design Comps

  19. Design Comps

  20. Design Comps

  21. Design Comps

  22. Design Comps

  23. Technologies HTML 5 CSS JQuery (log in / register account) Google API (style text) Adobe Photoshop (design images) Adobe Fireworks (linking prototypes together)

  24. References • Some icon images and ideas were used from: • gliffy.com • gomockingbird.com • justinmind.com

More Related