1 / 20

Cornell Automotive X-Prize

Cornell Automotive X-Prize. Website Evaluation. Web Design & Evaluation. David Templeton. Agenda. Website Overview Target Audience Competitive Analysis Expert Analysis Data Collection Data Analysis Conclusions Recommendations. Cornellaxp.com. Website Overview.

vui
Download Presentation

Cornell Automotive X-Prize

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. Cornell Automotive X-Prize Website Evaluation Web Design & Evaluation David Templeton

  2. Agenda • Website Overview • Target Audience • Competitive Analysis • Expert Analysis • Data Collection • Data Analysis • Conclusions • Recommendations

  3. Cornellaxp.com

  4. Website Overview • Cornellaxp.com or Cornell100mpg.com • Public presence for the CUAXP Team (Cornell Automotive X-Prize Hybrid Car Team) • Used by current sponsors, prospective sponsors, current team members, and team alumni • Generate Interest and Support

  5. Target Audience • Current business and private sponsors • Prospective sponsors of all kinds • Current Team Members • Team Alumni • Competitors • General Public

  6. Competitive Analysis • Aptera Motors (aptera.com) • Edison2 Motors (edison2.com) • Both companies design high efficiency, high mileage cars and competed in the Automotive X-prize competition • Edison2.com is very similar to CUAXP • Aptera Motors website is quite different

  7. Competitive Analysis • Aptera Motors (aptera.com)

  8. Aptera Motors • No pictures of their cars • Very difficult to navigate and find desired information • Navbar has very small text • Very text heavy • Employs grouping techniques well • Creative layout • State of the art photos, high quality • Vertical scroll bar keeps everything on one page • Green color scheme promotes efficiency feeling

  9. Competitive Analysis • Edison2.com

  10. Edison2.com • Very similar feel to Cornellaxp.com • Has mouse over options on the main page • “Active” page is highlighted in green • Better multimedia • Scrolling/looping pictures in the margins • Site has a “tighter” and “cleaner” feel • Contains much more information • Technology in the car • Facts and figures

  11. Expert Analysis • Heuristics: • The design is minimalist – does not take advantage of space • Drab coloring in free space • Fast loading site • Easy navigation with toolbar and highlights • Changing banner picture but consistent toolbar provides superb feedback • Mouse over options provide additional information without a mouse click

  12. Expert Analysis • Checklist: • Error when opening in IE • Could contain more technical information • More about the hybrid, aerodynamics, etc. • No site map / search of just the site • Excellent graphics and text • Load time is fast

  13. Data Collection • Tasks: • 1) Determine different sponsor levels and make a donation • 2) Locate the most recent news about the CUAXP team • 3) View pictures of team activity • 4) View Member profiles • Observed: • Number of clicks • Time • Mouse direction / comments

  14. Data Analysis

  15. Survey Results • Navigation Score (1-5, 5 = best): • User a: 4 • User b: 4 • User c: 3 • Overall Layout (1-5, 5 = best): : • User a: 5 • User b: 4 • User c: 4 • Level of Frustration (1-5, 5 = least frustration): : • User a: 3 • User b: 4 • User c: 2 • Comments: • Open Source Website Button? • Scrolling through the pictures is cumbersome / doesn’t fit

  16. Conclusions • Overall layout is positive – simple yet effective • Drop down menus reduce clicks / time • Highlighting current page • Color scheme implies efficiency • Quick links to social media • Banner wordings are misleading • Changing images results in poor contrast • Too much blank space • Change color of blank space • Doesn’t fit with rest of color scheme

  17. Recommendations • Use scrolling pictures in the open space in the sidebars • Change color of empty space to match color scheme (green / blue) • Change banner names to be more intuitive • Media  Photos & Media • Move the twitter feed up on the page • - Update news more frequently • Align the banner when opening the site in Internet Explorer

  18. Recommendations • Fix the “click here to help support the team!” button • When the banner image changes – lose contrast • Add a technology page • Describe what type of car was built • What new technology? / Advancements? • Add another page for sale of memorabilia • T-shirts • Bumper Stickers

  19. Works Cited • Aptera.com • Cornellaxp.com • Edison2.com • Brink, Tom. Gergle, Darren. Wood, Scott D. “Usability for the Web”. Designing web sites that work. 2002.

  20. Thank You Questions?

More Related