Say Hello by Jill McCoach

PROCESS BOOK PROBLEM SOLVING Jill McCoach Debra Drodvillo Fall Semester 2012

CO-CREATIVE RESEARCH

SCHEMER https://www.schemer.com/home

BACKGROUND Schemer is a google-based website that is similar to an online bucket-list. Using a google plus account users are able to visit the website and sift through multiple activities and add them to a “To Do” List. They are able to see what other people have done to learn about their experiences and receive recommendations. It’s a fun website that allows users to track what they want to do and what they have done.

DESIGN The design of the site is quirky and fun. It’s organized like a social network, each user has a profile and a newsfeed that allows them to keep up with their friends’ schemes. The menu has creative titles, but are still easy to navigate through to find what you may need. The activities are organized by categories and can be filtered through to exaclty what the user is looking for. It’s very easy to scroll through the list of activities and add it to your “To Do” List and then check it off once you have completed it.

ENGAGEMENT This site is a great example of co-creation. Users create the content of the page by supplying schemes or “To Do” activities as well as feedback about those activities. Users are able to set up a profile and make their own Bucket List and in the process inspire others to do similar activities. You can find people with similar interests and discuss these activities. People are able to brainstorm and discuss trying something new. Users are also able to have accomplices or friends and keep up with their activities and how much they’re accomplishing. It’s a fun site that evokes a sense of belonging. It’s easy to add your own schemes and inspire to do others as well. It’s fun to let others know what you’ve been doing and to check things off your list. Users can also inspire others to do similar activities.

BUZZNET http://www.buzznet.com/

BACKGROUND

ENGAGEMENT

Buzznet is a photo, journal, and video-sharing social media network. Similarly to other social media sites, Buzznet is a space where users can share content based on their interests. However, Buzznet focuses primarily on fostering a community interested in music, pop culture, and the media.

This is another site the demonstrates co-creation. The users must create a profile and share their thoughts, opinions, and experiences based on music, fahion, celebrities, etc. Users contribute to articles written by other users as well. The content of the site is contributed by the users, they are free to submit what they like and other users are welcomed to comment and respond to it. The site generates a community of people who share a commonality for fashion, music, and the media. Unlike with social media sites users are able to contribute to this site based on a specific interest and find others who are interested in the same things. It’s always a good to have a place where users can feel a part of a community and share their interests with others.

DESIGN This site is a little overwhelming, there is a lot of content to sift through to find what you need. Although it’s a lot to take in it’s appropriate for the site as the media is often information overload. The site is organized, but it takes some time to get used. It’s jam packed with images, text, and videos. It’s easy enough to share and contribute. Each user has a profile that they are able to edit and customize. Overall, the site is easy enough to use, but takes some time to figure it all out.

GOODREADS http://www.goodreads.com/

BACKGROUND

ENGAGEMENT

Good Reads is a website for book lovers. It’s similar to a social networking site, but focused primarily on sharing great books. The website permits individuals to sign up and register books to create their library catalogs and reading lists. It also allows users to create their own groups of book suggestions and discussions. Users are able to narrow down the library of books to their specific tastes and read reviews from other users. The site contains thousands of books that users are able ot search through and find that next great

This website demonstrates co-creation because the users provide the feedback and comments for each book. The site generates these titles of books and allow users to sift through them and find what they like. Then users are able to read reviews and discuss the books with other users. They can follow people with similar interests and keep up to date on what they’re reading. Users can participate in reading challenges, recommend books for friends, etc. This site gives people a place to keep a log of the books they have read, want to read, or just want to hear about. Again, this is another community based website that allows its users to feel a part of something.

read.

DESIGN This site is very easy to use. It requires the user to create a profile and answer some questions to generate a list of reading material based on the user’s interests. The site is cleanly dsigned and easy to navigate through. Users are able to find books easily as well as reviews.

WEEATT http://www.weeatt.com/

BACKGROUND

ENGAGEMENT

We Eatt is a website for chefs and people who enjoy cooking. There is a database of recipes to search for, a place to share your own recipes, and follow people to

This website demonstrates co-creation because the user is encouraged to store and share their recipes. It’s another social networking type website that allows users to interact with each other and keep up to date with what they’re cooking and learning. It’s nice for users who are professional chefs or just beginning as they can provide tips, tricks, and wonderful recipes to those who are just learning.

gain advice and learn new tips and tricks.

PROPOSAL DEVELOPMENT

INTERFACE PROPOSAL

PROPOSAL NO. 1

I WOULD LIKE TO VISIT... TOPIC: TRAVEL The concept for this idea stems from the desire to create a web-based community for people who love to travel or are interested in travel. Users will have the ability to create a profile, interact with each other, share photos, reviews, and favorite spots.

STAGE

DOCUMENTATION I’d like to create a virtual map that users can pinpoint the locations they’ve visited, write reviews, give recommendations and advice to other users wanting to visit the same location.

DIAGRAMMATIC

PINPOINT LOCATIONS

UPLOAD INFORMATION

BROWSE AND INTERACT

The documentation for this interface will rely on user participation, for comments, reviews, photographs, etc. The map with pin points will also be a big piece in the documentation.

PRODUCTION In order to create this interface I’ll need to create a map that people are able to click and add the location they visited. I’ll also need people to submit feedback and responses based off those locations. I think I’ll definitely need an advisor/tutor to help me with the utilization of google maps and the ability to add and track pins on a map.

PROPOSAL DEVELOPMENT

PROPOSAL

I WOULD LIKE TO VISIT...

TOPIC: TRAVEL The concept for this site stems for the desire to find a travel guide that teaches you how to be local. Users are able to submit their favorite spots, write reviews/recommendations, submit photos/videos and interact with other users. Users are also encouraged to upload travel stories that are emabarrassing, crazy or fun. Stories will be selected to be featured and voted on by other users. Users will also be able to upload a picture of them with a sign they’ve created saying “Hello” in their native language.

STAGE

OUTCOME The outcome I’d like to see from this interface is an open site where people can have the freedom to share what they know about there favorite locations around the world. Users will be able to learn from real people and learn about amazing locations that are a must see that other travel guides won’t tell them about. Also users will be able to read fun travel stories and browse photos and get an experience of cultures around the world.

DOCUMENTATION I’d like to create a simple, user friendly site that is easy to navigate and find what you’re looking for. I’d like to organize local spots by city, so that users can search by destination, see a list of local spots, and then read reviews and view photos from others users. It will also be easy for users to submit reviews and comment with each other to create a sense of community. Users will submit photos and stories via email.

ENGAGEMENT This interface will allow people to connect with others and share personal stories and experiences during their travels. Users will have the ability to read reviews of local spots, view photos and videos and interact with other users. Users will also have the opportunity to vote on their favorite user submitted travel stories and “Hello” photos.

DIAGRAMMATIC

BROWSE AND VOTE

UPLOAD INFORMATION

BROWSE AND INTERACT

The documentation for this interface will rely on user participation, for comments, reviews, recommendations, photos, and videos. The stories that are submitted and voted on could be turned into a book as well as the “Hello” photos that are submitted. Also a blog could be set up to view the stories and “Hello” photos.

PRODUCTION HTML5, Javascript, CSS, Tutor

WEBSITE DEVELOPMENT

RESEARCH

REVISED PROPOSAL

USER GROUPS

WIREFRAME SKETCHING

SIMILAR SITES

WORLD TRAVEL GUIDE http://www.worldtravelguide.net/

WHAT THEY DO Provide travel and reference information based on destination Virtual travel guide book Ability to plan trips Provide information for before and during your travels

WHAT I LIKE Travel audience Well organized History/culture Photo Gallery Prep information WHAT I DON’T LIKE Tourist spots Many pages to navigate through, but organized Limited photos (only in gallery) Excess information No user input

WHAT I’D DO DIFFERENTLY User recommendations, photos, stories, etc. Younger audience Local/secret spots Photos Less information

ROUGH GUIDES http://www.roughguides.com/

WHAT THEY DO Provide travel and reference information Ability to select destination and learn all about it Things not to miss Weather Getting around Money/Currency Travel Articles, photos, reference books, etc.

WHAT I LIKE “Things not to miss” Section Photo Gallery All cities and countries are represented with thorough information Articles

WHAT I DON’T LIKE No user input/feedback Tourist spots Too much information to look at all at once Search, take user through many pages Barely any photos (only in gallery)

WHAT I’D DO DIFFERENTLY More user input Photos Easy navigate – less pages to navigate through Plottable map Appeal to younger crowd (18 – 24) Youthful locations – off the beaten track Share your story

PROPOSAL DEVELOPMENT

PROPOSAL

SAY HELLO

TOPIC: TRAVEL/POSTCARDS The purpose of my site is to create a place for users to upload travel photographs and create their own postcard. Users can choose to use their own photographs or choose from a gallery of photographs submitted by other users, as long as credit is given. Users will have the option to send completed postcards via email, share to facebook, or print and send the old fashioned way. I think creating your own postcard creates a more personal sentiment rather than just purchasing one and the ability to customize it, makes it more fun!

STAGE

OUTCOME The outcome I’d like to see from this site is to give new life to the postcard. I feel like not many people send postcards anymore and I would like to bring that trend back. When I look back at old postcards, it’s interesting to see the handwriting and what a friend or loved one had to tell me about the place they were visiting. I’d love to have a collection of custom postcards and travel photos. Maybe users could even submit postcards they received and that could be another element of the site.

DOCUMENTATION In terms of the stage I’d like to set for this site, their would be two components. One, the user would choose whether to upload their own photograph or choose one from the gallery. If they choose to upload their own they will then proceed to the customization stage and add text. Then they would write their letter and choose how to send. Two, if the user chose to use someone else’s photograph they would browse the gallery by city, choose their photograph then proceed to the customization step.

ENGAGEMENT Users will be able to submit and browse through photographs. Users will have the option to upload a photograph or choose one from the gallery and create a postcard to send via email, share through facebook, or send through the mail. I would also like for completed postcards to be archived for users and visitors to browse through for inspiration or reuse if they so choose.

DIAGRAMMATIC

UPLOAD PHOTOGRAPH AND CREATE

BROWSE GALLERY AND CREATE

UPLOAD POSTCARD

BROWSE GALLERY

The documentation would rely on the photographs and completed postcards users submit and create. A gallery of photographs will be able to be filtered via city to use when customizing photographs. Then there will be a gallery of completed postcards that users can browse through for inspiration. Another form of documentation in the future could be a book, showing the collecting of custom postcards.

PRODUCTION HTML5, Javascript, CSS, Tutor Creation software (ability to add different text and additional images to a photgraph) Postcard Template

EARLY SUBMISSIONS

USER SUBMITTED PHOTO EXAMPLES

Atlantic City, New Jersey USA Crystal C.

Terra - The University of the Arts Philadelphia, PA USA Jenni B.

Melody D.

London Eye London, England Liz O.

Trevi Fountain Rome, Italy Tara R.

11th & Pine St. Philadelphia, Pennsylvania USA Teresa W.

WIREFRAME SKETCHING

SAY HELLO!

ABOUT

1 UPLOAD OR CHOOSE

2 CREATE

CREATE

PHOTOGRAPHS

3 WRITE YOUR LETTER

POSTCARDS

4 SHARE

FEATURED POSTCARDS

SAY HELLO!

ABOUT

CREATE



UPLOAD YOUR OWN PHOTOGRAPH

OR BROWSE PHOTOGRAPHS & CHOOSE

EDIT PHOTOGRAPH ADD TEXT WRITE YOUR LETTER

PHOTOGRAPHS

POSTCARDS

SAY HELLO!

ABOUT

CREATE

PHOTOGRAPHS

POSTCARDS

CREATE

PHOTOGRAPHS

POSTCARDS

SEARCH CITY

SEARCH STATE

SEARCH COUNTRY

SUBMIT YOUR PHOTOGRAPH

Email Jill at jmccoach@uarts.edu OR



Upload here

SAY HELLO!

ABOUT

SEARCH CITY

SEARCH STATE

SEARCH COUNTRY

SUBMIT YOUR POSTCARD

Email Jill at jmccoach@uarts.edu OR



Upload here

DESIGN DEVELOPMENT

DIAGRAMMATIC

SITEMAP

DESIGN AESTHETIC

WEBSITE DEVELOPMENT AND PLANNING

DIAGRAMMATIC

UPLOAD PHOTOGRAPH AND CREATE

BROWSE GALLERY AND CREATE

UPLOAD POSTCARD

BROWSE PHOTOGRAPH GALLERY

BROWSE POSTCARD GALLERY

SEND POSTCARD

SITEMAP

HOMEPAGE

GET STARTED From the homepage, if users are inclined to make a postcard they can click the “get started” button. This will take them to the postcard generator where they will be able to get creating and make a custom postcard with templates, photos, filters, write their own letter, and share it with family and friends.

POSTCARD GENERATOR Once the user decides to create a postcard they are brought to postcard generator that easily lets them create a custom postcard. The generator will help the user choose a template, photos, filters, and write a letter using an expand and collapse menu bar at the left side of the page.

At the homepage, the viewer will be greeted with a short sentence about the page. They will see an example at the top that can be scrolled over to flip to either side of the postcard. There will be brief instructions on what the site will allow the user to do. There will also be 4 featured or most recently submitted postcards at the bottom to view for inspiration. At the top right of the page there are navigation buttons to take the viewer to the photograph gallery or the postcard gallery. Finally there is a “get started” button that will take the viewer to the postcard generator, where they can get started!

PHOTOGRAPHS From the homepage, viewers are able to navigate to the Photograph gallery. Once here, they can search by city and browse the gallery of user submitted travel photos. Users can click on an image to view a larger version. They are also welcome to upload their own. These photos can be used by other users to create a postcard (so long as credit is given). Users are also brought to the gallery from the postcard generator, if users want to use photos from the gallery for their postcard creation. Once directed here, users can choose the appropriate amount of photos and they will be saved to their postcard creation.

TEMPLATES Templates is a part of the left side menu. When templates is clicked the menu will expand and show a series of templates that can be chosen. Once a template is chosen the template will appear to the right and be ready to edit.

PHOTOGRAPHS

UPLOAD

Once a template is chosen, users are able to add their photos. They have two options. One, upload their own or choose from the gallery.

If users choose to upload their own photos a lightbox will appear with an upload option. The photos that they upload will be added to their creation.

FILTERS Once users have chosen and arranged their photos they are welcome to choose from a series of filters. When the filter is selected it automatically adds to the composition.

TEXT

When the front of the composition is completed, users are able to insert their text and write their letter. They are also able to add the address (if needed/wanted) of the person they are writing to.

Once the postcard is completed, users are welcome to share it in a multitude of ways. Facebook, email, download, or upload to the gallery.

POSTCARDS From the homepage, users are able to navigate to the gallery of completed postcards. Here they are able to scroll through different postcards (blog format). Users will be able to flip over the images to view the front and back. Also, information of the creator will be available.

DESIGN SKETCHES

DESIGN AND FUNCTION

WEBSITE DESIGN AND DEVELOPMENT

FINAL PROTOTYPE