Design Chef User Experience Design
-
Upload
sheetalelango -
Category
Documents
-
view
227 -
download
0
Transcript of Design Chef User Experience Design
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 1/12
Copyright 2009 © Photon Infotech
Design Chef
UX Challenge
By Sheetal ElangovanUID:sheetalelango
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 2/12
Copyright 2009 © Photon Infotech
Agenda
Summary of Needs
Feature List
User Flows
Home Page Design
Wireframes
Design Process
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 3/12
Copyright 2009 © Photon Infotech
Summary of Needs
• Developing a community website for designers to contest for competitions
• Users Module: Allow users to submit, view & manage their entries across competitions
• Contests Module: View details for past, present and future Design competitions
• Entries Module: Ability to view details about entries submitted to the contest
• Social Media Module: Collaborative features to rate, discuss and share entries.
• Community building: Build a portal of designers to encourage innovation , inspire and
learn
• Personal Branding: Vanity Page URL’s for users (students, professionals) to showcase
their design
• Corporate Branding: Direti Logo displayed on all pages thereby reinforcing the
company’s initiative
• Collaboration: Forum to hear the voice of the crowd, share
• User Experience: Enhanced user experience to ensure the objectives are achieved
visually and functionally thereby creating an impact on every site user• Analysis & Objectives: Comprehend operational scenarios, actors ad objectives of the
site
• Research: Complete study on latest trends and buzz in the community site building
space
• Key Modules: Identify Key Modules to achieve the stated objectives
• Feature Lists: Documenting features and prioritizing based on utility
• Brainstorming/Ideating: Engage in discussion with users, ideate and develop user
flows
• Execution: Final execution with wireframes, navigation flow and visual design.
Application
Objectives
Design Process
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 4/12
Copyright 2009 © Photon Infotech
User flows
Analysis on Key Modules and functionalities within the site
Planning of flows and evaluation from the actual users.
Sitemap Creation and link building exercise to ensure to build effective user
experience
Executed using Axure Pro RP 5.5.
Wireframes
Initiated the process with creation of master template using the 960 grid 3
column.
Planning the layout design, placement of design elements and effect utilization of
real estate
Story Board with pages to be designed.
Executed using Adobe Illustrator CS3.
Home PageDesign
Mood Board creation with images of inspiration, references and rendering style
Finalized approach of Minimalist look and feel with vector based rendering.
Ideation to convey the ‘cooking up design’ theme and iterations !
Executed using Adobe Illustrator CS3
Deliverables
Design Process
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 5/12
Copyright 2009 © Photon Infotech
Feature List
EntriesManagemen
t
Registration &Profile
Management
Social MediaFeatures
RegistrationRegistration tocreate to newaccount
User PageEmail verificationand page creationwith Vanity URL
LoginUser authentication
Manage ProfileMange Profileinformation andentries
Submit entrySubmit entrytowards acompetition withdescription,
thumbnails anddeliverables
Browse entriesby category &SearchFilter by categories,
sorting options andsearch by keyword
Gallery View Thumbnails of entries, with rating,comments,description
Detail ViewUp to 4 thumbnailsof entry withsubtitle, TitleDescription
Image ViewerPowerful imageviewer with actionbar to toggle
between galleryand detail view
Reviews & RatingAbility to discuss andrate entries
Link SharingSocial bookmarkingtools to popularize thesite
Self Promotion Tweet or publish link onfacebook to gain morerating on entry
submission
Email to friendEmail a contest link tofriend who might beinterested
FeedsAggregated feeds fromdesign chef on twitter,
blogspot and facebook
ContestManagemen
tContests DetailsPromotion and detailsabout all future,ongoing and past
contests
Ongoing/PastContestsView details, submitentries, browsethrough entriessubmitted, check outthe winning entries
and profiles
File Uploader
Flash based file uploader
allowing upto 100 MB
upload and an alternate
HTML uploader.
Trends Track trends on
contest entries withnumber of comments,avg rating, page
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 6/12
Copyright 2009 © Photon Infotech
User Flows
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 7/12Copyright 2009 © Photon Infotech
User Flows: My Profile
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 8/12Copyright 2009 © Photon Infotech
User Flows Design Bar
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 9/12Copyright 2009 © Photon Infotech
User Flows: Contests & User Pages
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 10/12Copyright 2009 © Photon Infotech
Home Page Design
Back
The design is inspired from a complete kitchen look
with pots, pans, coffee mugs and hand gloves
depicting design chefs cooking up some cool design.
It follows a minimalist look and feel with a vector
based execution.
Visually appealing interface with sufficient real
estate dedicated to establishing the theme of the
concept. Primary and secondary text placeholders
are aimed at giving users snippets of information
about the latest buzz, winning entries & contests.
The directi link appears on the header of the all the
pages as part of corporate branding for the
company.
“A pinch of inspiration,
A scoop of creativity,
All for a dollop of design”
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 11/12Copyright 2009 © Photon Infotech
Wireframes
Back
8/14/2019 Design Chef User Experience Design
http://slidepdf.com/reader/full/design-chef-user-experience-design 12/12Copyright 2009 © Photon Infotech
Value Proposition
FRED MEYER
“Danke!”