Download to read offline
UX Portfolio
- 1. DANIEL BERTI USER EXPERIENCEDESIGNER PORTFOLIO 2015 646.465.0363 daniel@daniel-berti.com www.daniel-berti.com 220 Riverside Blvd Apt 11J New York, NY 10069
- 2. 2 3 TABLE OFCONTENTS DYNAMINA Pick-up Sports App 4-13 14-17 18-19 STARLAND CAFE Drone Food Delivery App PRESENTATION ON FEEDBACK feedback.pancakeapps.com (separate presentation-click link) HOLY WEEK Webapp & iBook INTRODUCTION This portfolio is a display of my UX/UI design work over the past 18 months. Included are three projects from a class I took in Spring 2014 called Human/Computer Interaction. The first two explore mobile/ web applications and the third is a presentation about feedback and its role in microinteractions. The other project is a freelance project I completed for Rowan Technology in Winter 2015 which is an iBook devotional for Holy Week 2015. This work demonstrates my iterative design process from research to final visual design. THE TOOLS
- 3. 4 5 Project Brief: Alongwith a partner, develop a new kind of social media that can be consumed via the desktop, tablet and smartphone. Pick two post-it notes out of a hat that describe the end-product: User survey questions: What do you think of when you hear the word “energy?” What do you think of when you hear the word “energy?” What gives you energy? What is revolution to you? What is something that you would transform in today’s athletic society? How often do you exercise? What is your motivation to exercise? How do you feel after being physically active? Do you like to play sports? If so, which ones and how often do you play? Do you wish there were more opportunities to play this sport? If so, give an example: DYNAMINA RESEARCH Human/Computer Interaction Final Project Spring 2014 REVOLUTIONENERGIZING Pie chart showing results for our last question asking people if they wished there were more opportunities to play the sports they pay 21% 31% 48% 48% 31% OTHER PICK-UP GAME REQUESTS NO 21% Daniel Berti Ana Karina Dominguez Unlock Your Potential DYNAMINA
- 4. 6 7 Sign Up/Login CreateProfile Join Game Create Game Location/Sport/Date Filters Game FeedProfile League My Schedule Messeges Search Notifications Settings Home Friends List Report Problem Login/ Logout List/Map View Status/Photo/ Link Timeline Friends Favorite/Past Locations Like/Comment Age/Location/ Sports/Rating Teams/ Standings Players/Stats (Local/Best) Add Friend Notifications Upcoming Games Watch/Tracker Calibration Check in via NFC/iBeacon Stats/Record Friends Future Game Participants Volunteer Rewards INFORMATION ARCHITECTURE MAP
- 5. . . . . . . . . . EMOTIONS OVER TIME JOURNEY MAP GOALS -Doesn’t want age to prohibit abilities - Have something to do during free time (preferably exercise) - Find an activity to do with work buddies ACTIVITIES - Work - Play sports - Socialize - Network ENVIRONMENT - Has a family - Goes out to meet friends occasionally BEHAVIORS - Passionate football and hockey fan - Outgoing This graphic shows how Tom feels during the interaction 31 years old Los Angeles, CA Business Manager SCENAR O Co-worker shows him best parts of app Searches app store for sports/fitness apps INITIAL INTERACTION GAME PROGRESS POST GAME Start exploring app Creates profile Selects sport(s) Creates team with co-workers Creates roller-hockey game Goes to play at nearby park Both teams are even and ready on game page Invites another team to play against Wins game - has 5 assists Adds stats and team record after game Profile records that he played a game and builds experience Adds friends met on other team Schedule more games in the future Tom is excited to play with co-workers . . . . . . . . . . . . . . . Thrilled to win and lead in assists He likes the fact the profile includes his stats and record He loves how quick and easy it is to create games with Dynamina 1 2 3 4 5 6 7 8 9 1011 12 13 1 0 2 3 4 5 6 7 8 9 10 11 12 13 DYNAMINA Positive Emotion Negative Emotion “I just need to have a better balance of work and play on my schedule.” - Tom Tom is nervous because he hasn’t played in a long time . . . . . . EMOTIONS OVER TIME JOURNEY MAP GOALS - Have a University degree - Play more sports - Meet new people ACTIVITIES - Soccer - Music - Adventures ENVIRONMENT - Loves to play soccer - Works hard to achieve goals - Always searches for new things BEHAVIORS - Energetic - Passionate This graphic shows how Jason feels during the interaction 22 years old Savannah, GA College Junior intelligence--is the key to unlocking your potential” - Jason SCENAR O Friend teaches him how to use app Friend tells him about app INITIAL INTERACTION GAME PROGRESS POST GAME Start exploring app Creates profile Selects sport(s) Joins team(s) Finds soccer game Goes to play at nearby field Both teams are even and ready on game page Invites friend to play Plays game - scores goal Adds stats after gameProfile records that he played a game Adds friends met on both teams Look for more games to play in the future Jason feels excited . . . . . He’s nervous to play with a new team . . . . . . . . . . . . . . . . . . . . Jason feels happy he can invite his friend that likes soccer He is energized after scoring a goal He likes the fact the profile includes his stats and record He loves Dynamina and is hungry to play more games! 1 2 3 4 5 6 7 8 9 1011 12 13 1 0 2 3 4 5 6 7 8 9 10 11 12 13 DYNAMINA Positive Emotion Negative Emotion USER PERSONAS
- 6. MOCKUPS Low Fidelity Mid-Fidelity Visual Design Fluid.UILink START APP SIGN IN / SIGN UP CREATE PROFILE START GAME DYNAMINA FLOW MAP JOIN GAME PROFILE PLAY CHOOSE SPORTS LEAGUE SETTINGS MESSAGING New? Sign Up Sign In Carrier 12:34 AM 100% Carrier 12:34 AM 100% Profile Profile League SettingsPlay Profile League SettingsPlay New? Sign Up Sign In Carrier 12:34 AM 100% Profile League SettingsPlay My Games Join Start 31 years Tom Carpatio Los Angeles, California Sports Stats Posts Carrier 12:34 AM 100% Standings Players Teams Profile League SettingsPlay Carrier 12:34 AM 100% Basketball Frisbee Roller Hockey Volleyball Soccer Flag Football Select Sport Carrier 12:34 AM 100% Edward Jones Chris Wallace John Woods Cicilli Battaglia Batallas del Jardin Baba Ghanoush Game Rimini, Italy Barcelona, Spain Al Salam, Arabia 107th St and Riverside New York, NY Filters New? Sign Up Sign In Carrier 12:34 AM 100% Profile League SettingsPlay Carrier 12:34 AM 100% Messages Notifications Reminders Dylan White Tyler Robert Antonio Stalteri Hey can you invite me to the game? Dude at what time is the game? Be at 107th and River side at 6pm :) Paper Fluid.UI Adobe Suite
- 7. 12 13 FINAL SOLUTION CicilliBattaglia Baba Ghanoush Game Rimini, Italy Al Salam, Arabia 107th St and Riverside New York, NY Batallas del Jardin Spain Play MeLeague Settings Carrier 12:34 AM 75% Tom Carpaccio Messages 31 years old Los Angeles, CA Tom checked into Brookyln Bridge Park, Pier 5 Tom joined Jason Smith’s team, Speedy Swishers 4/29 11:23 AM 5/3 3:00 PM You gotta see this crazy goal before our game tomorrow! NOW Feed Stats Daniel Berti Ana Karina Dominguez Unlock Your Potential DYNAMINA
- 8. 14 15 Project Brief: Design Developa user-centered process for a food delivery service for your selected establishment utilizing a flying robot (aka Drone). This should be a simple app for a smart phone. Break it down Map the Triggers, Rules, Feedback and Loops & Modes for your app. Capture this however you wish, but something visual along with a narrative (or bullets, etc) is desired. Features Make sure your design allows for the following things: Able to select one or many food items for delivery Add special instructions to the order (hold the mayo, etc) Choose a location for delivery Contact customer service Pay for order through the app (credit card, etc) Cancel order Handling errors for delivery problems STARLAND CAFE Human/Computer Interaction Project Spring 2014 SKETCHES & MOCKUP Low Fidelity Mid-Fidelity Paper Fluid.UI Fluid.UI Link
- 9. 16 17 USER TESTING In-person: FluidUI Mockup Remote: Nav Flow Test Heat Touch Maps VISUAL DESIGN Adobe Suite
- 10. 18 19 Rowan Technology FreelanceProject Winter 2015 In conjunction with separate Lent 2015 Webapp & iBook, features include: - Text pop-overs for Bible Verses - Interactive images & widgets HOLY WEEK iBOOK
- 11.