DDD20004 INTERACTIVE DESIGN FOR GAMES AND WEB APPLICATIONS 7685718 SERENA PEREGIN FRIDAY 8:30 - MIKE HOPKINS
CONTENTS PAGE Business & User Goals... 3 User Interface Design Evaluation... 4 Information Design Evaluation... 5 Wireframe Designs - Home Page... 7 Wireframe Designs - Event Listing... 9 Wireframe Designs - Event Feature Page.. 11 Final Designs - Home Page... 13 Final Designs - Event Listing Page... 16 Final Designs - Event Feature Page... 19 Evaluation of Design... 22 Comparison to Original Site... 23 2
MELBOURNE FOOD AND WINE FESTIVAL The Melbourne Food and Wine Festival has been an annual festival since 1993, when Peter Clemenger first ran the festival with only 12 events. Now, the festival is comprised of over 200 events that run throughout the year for food and wine lovers. Their website acts as a guide to festival goers. Website Business goals: The Business goal of this website is to inform users on events taking place at the Melbourne Food & Wine Festival. The site must provide adequate information and must entice the user to attend the events being featured. Website User Goals: The goal of users who come to his site is to find out in-depth information for events in the Melbourne Food & Wine Festival. This includes pricing, date & time, location and a booking system. 3
USER INTERFACE DESIGN 10 Usability Heuristics for User Interface Design for http://www.melbournefoodandwine.com.au/ Visibility of System Status There is no clear indication that we are currently on the Home page. The only link to the home page is via the logo, which from past experience was confusing to testers. Match between system and the real world: The language used on the site is understandable by novice users. User Control & Freedom: When faced with a 404 Error, the page provides direct links to popular pages from the site. This is good for novice users as it helps them get out of this error. Consistency & Standards: There are two navigation sections in the header of this page, and the lower navigation s titles are not very clear ( What s on, The Latest & Eat, Drink & Stay ). These refer to the Events, The Latest News and Locations that are popular to stay. These could be labeled better for better understanding. Error Prevention: I could not find an example of Error Prevention. 4 Recognition rather than recall: It is easy to understand what information is needed for filtering the Event Listing page. (i.e. inputting when, where and price). These are familiar concepts to even novice users. Flexibility and Efficiency of use: You can choose to filter options, or type in your own search in the search bar for your own events you may know of. Aesthetic and minimalist design: The information on the page is all relevant. The inclusion of all the header information repeated in the footer helps usability as it is a pretty long page and users don t have to scroll all the way back up. Help users recognise, diagnose and recover from errors: When a page cannot be found, it does say Error 404 which intermediate Internet users would probably understand but not some. However, it does go on to say Page not found and directs the user to other pages. Help and documentation: There is not really a help page on the site. There is, however, a feed back pop-up that is fixed to the side of the page.
INFORMATION DESIGN REVIEW HOME EVENT LISTING EVENT DETAILS DESKTOP IMPORTANCE DESKTOP IMPORTANCE DESKTOP IMPORTANCE Logo 9 Logo 9 Logo 9 Sponsors 5 Sponsors 5 Sponsors 5 Navigation 10 Navigation 10 Navigation 10 Date of Festival 10 Date of Festival 10 Date of Festival 10 Social Media Links 5 Social Media Links 5 Social Media Links 5 Search Bar 7 Search Bar 7 Title 10 Carousel 9 Event Calandar Search 8 Images 9 Text Info 7 Event Listing 10 Venue Details 10 Review 6 Footer Navigation 6 Date 10 Coming Soon Events 7 Govt. Partners 4 Pricing 9 Footer Navigation 6 Copy Right Info 4 Enquiries Number 8 Govt. Partners 4 Subscribe to Newsletter Pop Up 5 Book Now Button 9 Copy Right Info 4 Details 8 Subscribe to Newsletter Pop Up 5 Adverstisment 6 Footer Navigation 6 Govt. Partners 4 Copy Right Info 4 Subscribe to Newsletter Pop Up 5 5
INFORMATION DESIGN REVIEW IMPORTANCE Navigation 10 Date of Festival 10 Title 10 Venue Details 10 Navigation 10 Event Listing 10 Logo 9 Images 9 Pricing 9 Book Now Button 9 Carousel 9 Enquiries Number 8 Details 8 Event Calandar Search 8 Search Bar 7 Text Info 7 Coming Soon Events 7 Adverstisment 6 Footer Navigation 6 Review 6 Sponsors 5 Social Media Links 5 Subscribe to Newsletter Pop Up 5 Govt. Partners 4 Copy Right Info 4 6
WIREFRAME - HOME 7
WIREFRAME - HOME LOGO SOCIAL MEDIA LOGO SOCIAL MEDIA HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... UPCOMING UPCOMING SEE MORE SEE MORE REVIEW GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS 8
WIREFRAME - LISTING When Where Price LOGO SOCIAL MEDIA EVENT LISTING When Where Price SEE MORE GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS 9
WIREFRAME - LISTING LOGO SOCIAL MEDIA HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB EVENT LISTING When Where Price SEE MORE GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS 10
WIREFRAME - EVENT LOGO SOCIAL MEDIA 12 MAIN RD VIC DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY BOOK NOW Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Infoo Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info I Enquires: 8765543 THE FOOD EVENT 12 MAIN RD VIC DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY BOOK NOW Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Infoo Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info I GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS Enquires: 8765543 11
WIREFRAME - EVENT LOGO SOCIAL MEDIA HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB LOGO SOCIAL MEDIA THE FOOD EVENT 12 MAIN RD VIC THE FOOD EVENT 12 MAIN RD VIC DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY BOOK NOW DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Infoo Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info I Enquires: 8765543 BOOK NOW Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Infoo Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info Info I Enquires: 8765543 GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS GOVT. PARNTERS NAVIGATION COPYRIGHT SPONSORS 12
FINAL - MOBILE HOME Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... SEE MORE CORPORATE PACKAGES UPCOMING You do NOT want to miss out on what we're cooking up this year... Learn More HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... SEE MORE CORPORATE PACKAGES You do NOT want to miss out on what we're cooking up this year... Learn More HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved UPCOMING 13
FINAL - TABLET HOME From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... UPCOMING SEE MORE CORPORATE PACKAGES You do NOT want to miss out on what we're cooking up this year... Learn More From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! UPCOMING Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved SEE MORE 14
FINAL- DESKTOP HOME From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... UPCOMING HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB SEE MORE CORPORATE PACKAGES You do NOT want to miss out on what we're cooking up this year... Learn More From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... UPCOMING HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved SEE MORE 15
WHEN WHERE PRICE FINAL - MOBILE LISTING HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB EVENT LISTING WHEN WHERE PRICE 16
FINAL - TABLET LISTING EVENT LISTING WHEN WHERE PRICE EVENT LISTING WHEN WHERE PRICE HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved 17
FINAL- DESKTOP LISTING BRIEF 2 - EVENT MICROSITE (RESPONSIVE WEB LATEST DESIGN) NEWS HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB EVENT LISTING WHEN WHERE PRICE HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB EVENT LISTING WHEN WHERE PRICE HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved 18
FINAL - MOBILE EVENT laoreet est eget ligula dictum commodo. Ut sit amet posuere nulla, ac dignissim erat. BOOK NOW Enquires: 8765543 HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB WINE EVENT DAY 12 MAIN ST VIC DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY Integer sed risus vel ipsum eleifend malesuada nec ut orci. Donec auctor, ante ac convallis tincidunt, diam arcu faucibus neque, quis dignissim quam metus at mi. Ut laoreet est eget ligula dictum commodo. Ut sit amet posuere nulla, ac dignissim erat. HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved BOOK NOW 19
FINAL - TABLET EVENT BRIEF 2 - EVENT MICROSITE WINE EVENT (RESPONSIVE DAY WEB DESIGN) 12 MAIN ST VIC DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY BOOK NOW WINE EVENT DAY 12 MAIN ST VIC Integer sed risus vel ipsum eleifend malesuada nec ut orci. Donec auctor, ante ac convallis tincidunt, diam arcu faucibus neque, quis dignissim quam metus at mi. Ut laoreet est eget ligula dictum commodo. Ut sit amet posuere nulla, ac dignissim erat. Enquires: 8765543 DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY Integer sed risus vel ipsum eleifend malesuada nec ut orci. Donec auctor, ante ac convallis tincidunt, diam arcu faucibus neque, quis dignissim quam metus at mi. Ut laoreet est eget ligula dictum commodo. Ut sit amet posuere nulla, ac dignissim erat. BOOK NOW HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved Enquires: 8765543 20
FINAL- DESKTOP EVENT HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB WINE EVENT DAY 12 MAIN ST VIC HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB WINE EVENT DAY 12 MAIN ST VIC DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY BOOK NOW Integer sed risus vel ipsum eleifend malesuada nec ut orci. Donec auctor, ante ac convallis tincidunt, diam arcu faucibus neque, quis dignissim quam metus at mi. Ut laoreet est eget ligula dictum commodo. Ut sit amet posuere nulla, ac dignissim erat. Enquires: 8765543 DATE: 6 MAR 16 TIME: 2PM PRICE: $20 ENTRY BOOK NOW Integer sed risus vel ipsum eleifend malesuada nec ut orci. Donec auctor, ante ac convallis tincidunt, diam arcu faucibus neque, quis dignissim quam metus at mi. Ut laoreet est eget ligula dictum commodo. Ut sit amet posuere nulla, ac dignissim erat. Enquires: 8765543 HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB Ticketing Policy Privacy Policy 2015 Melbourne Food and Wine All rights reserved Ticketing Policy 21
EVALUATION Website Business goals: The Business goal of this website is to inform users on events taking place at the Melbourne Food & Wine Festival. The site must provide adequate information and must entice the user to attend the events being featured. Website User Goals: The goal of users who come to his site is to find out in-depth information for events in the Melbourne Food & Wine Festival. This includes pricing, date & time, location and a booking system. I believe my site properly meets the business and user goals of the website. The date of the festival, as well as information on location and pricing is all located towards the top of the page, as I rated it with high importance. I followed my Information Design Evaluation closely when creating my wireframes, being sure to put elements I rated the most important higher up on the page or made sure that they stood out. 22
COMPARISON While working on my designs, the festival site actually changed its design, removing the carousel and some other elements of each page. The changes they made were all things I had thought to change, such as the Carousel as it was rather messy and its information was not eye-catching. I feel like the colour scheme on my site is more sophisticated and matches the logo more in comparison to the blue of the original. HOME ABOUT PARTNERS INDUSTRY MEDIA CENTRE WORK SOCIAL HUB I changed the names of the 3 links under the logo so that they were easier to understand. I am still unsure of their positioning on my site, which I will hopefully sort out in my final site design. From 4 to 13 March 2016, we're planning a feast of epic proportions as laneways, rooftops, farms and wineries across the state knock your socks off at over 200 one-off events! Tickets on sale 27 November 2015. Sign up to our Enews for all the latest goss and pre-sale tickets including Bank of Melbourne World's Longest Lunch. You do NOT want to miss out on what we're cooking up this year... 23