steampunk pp
DESCRIPTION
TRANSCRIPT
Julie Urtz email: [email protected] Artist Gallery ProjectFebruary 14, 2011
Table of Contents
Title Page 3Project Goals and Objectives 4-5Users and Stakeholder 6User Personas and Scenarios 7-12Content and Functionality 13-16Features and Content Assets Chart 17Information Architectural Map 18Wireframes 19-22Guidelines for Interface Design 23-24References 25
STEAMPUNK Artist Gallery
Project Goals and Objectives
Steampunk -“An aesthetic movement based around the science
fiction of a future that never happened. A technology upon which society would eventually come to depend on that is driven largely by steam power or clockwork.”
The primary goal of this website is to bring together artists and fans of
the Steampunk culture. This site will assist users who which to purchase art
as well as create an interactive area where users and artists can connect.
Julie Urtz email: [email protected] 4
Project Goals and Objectives
Various visual arts as well as crafts will be presented on the site
in two main categories. Within the two dimensional(2D) area, there will be photography, painting, graphic and digital design, and illustration. The three dimensional (3D) section, furniture, jewelry, fashion and mixed-media will be presented.
To reach the objectives for this site, users and artists will navigate through a carefully developed and easy to use interface that will assist even those not too familiar with this form.
Funding for this web site will begin with artists in the community who wish to become involved with the project as well artist organizations. Minimal advertisement with similar genres will be featured on the site to help with funding as well as a small fee for hosting and artists work.
Julie Urtz email: [email protected] 5
Users and Stakeholders
Since the popularity of the Steampunk genre among designers and
artists, there is a definite need to bring these people together and the stakeholders who wish to do this.
Users: The users of this site will benefit because it will allow many people who don’t feel they fit into mainstream society and culture to actually have a ‘place’ they belong to. They are interested in the science fiction and fantasy elements of Steampunk as well as the fashion and lifestyle of this culture.
Stakeholders: This site will uniquely be for artists as users and stakeholders. Since a fee is assessed for artists’ who would like to display their work, they themselves will help the site move forward. In addition, they are users as well, connecting with other artists with similar interests. Also, groups within the artist community will be able to contribute to this site since their vision is what will carry this project through.
Julie Urtz email: [email protected] 6
User Personas
1. The Painter – male 35 years old “I would like a place to showcase my work so others of this genre can appreciate it and maybe even sell a piece of two.”
Ж Mostly concerned with having a site to display their Steampunk art so it is easy for fans to locate.
Ж Would like to also develop more networking with other artists.Ж The idea of selling some of his work is important.
Technical Experience: While growing up as and artist and attending school, the painter has a lot of hands on experience. It wasn’t until 3 years ago that he became more familiar with creative software that Adobe has to offer. He usually just looks for online galleries, but is very adept at ‘figuring out’ most websites.
Julie Urtz email: [email protected] 7
User Personas
User #1 ~ Scenario:
Today is a good day for The Painter. After completing another in a series of paintings for his Steampunk collection, he decides to look into uploading some into an online gallery that specializes in just this kind of thing. Once he determined there wasn’t any place specifically for Steampunk and the sites he found mainly had Steampunk sub categories, he settled for Deviant Art because at least some of his artist friends had heard about it.
Julie Urtz email: [email protected] 8
User Personas
2. The Steampunk Fan – female 20 years old “There must be a web site where I can find some Steampunk
art that is specific to only this. I get so impatient weeding through all those other sites with tons of other kinds of art.”
Ж Mainly would like to find a web site that provides her with easy access to different types of artists who create Steampunk art.
Ж Wants to meet other fans of this genre.Ж Would like to collect some art, but isn’t sure what is available.
Technical Experience: She was born with a keyboard in her hand. Her Facebook and twitter are all she really thinks about. That and her know found passion; Steampunk Art!
Julie Urtz email: [email protected] 9
User Personas
User #2 ~ Scenario
Since last week she has been scouring the web looking for Steampunk art. With many sites that offer links to this and links to that, the Steampunk Fan has tons of web sites bookmarked. She wonders if it would be easier to condense them all into one folder. She wants to same money for a niece piece of art and has yet to find ‘the one’. The searching really cuts into her social networking time.
Julie Urtz email: [email protected] 10
User Personas
3. The Jewelry Designer– female 30 years old “I just started out doing some Steampunk designs and have
used sites like Etsy and Zazzle, but would like to present my jewelry as art as well as a functional design.”
Ж Has a desire to be seen as an artist as well as a jewelry designerЖ Would like to meet similar artists.Ж Wants to bring the designs to a whole new audience.
Technical Experience: The Jewelry Designer started out using Etsy with little over four years of even checking her email. She hardly has time to do much else with her busy schedule. Now she is more comfortable looking for similar designers like her, but has a hard time with some social networking sites and some creative software.
Julie Urtz email: [email protected] 11
User Personas
User #3 ~ Scenario:
The Jewelry Designer has been on Etsy now for 3 years, showcasing all of her jewelry. She really wants to narrow down her designs into a Steampunk niche and portray it as art. If only she could show off her work as an artist and not just someone who wants to sell their crafts. A friend of hers suggested getting in touch with other Steampunk artists. She has begun to make a list of others who she found in various internet searches.
Julie Urtz email: [email protected] 12
Content and Functionality
To keep things as simple as possible for users of this web site, it
will incorporate and easy navigation to get them where they need to go. When users first arrive at the site, there will be links to the following pages:
Ж About Us
Ж Gallery
Ж Artists
Ж Blog
Ж Register/Log In
Ж External Sites
Ж Social Networking
Ж Contact Us
Julie Urtz email: [email protected] 13
About Us: This section of the web site will describe the contents of
the site as well as give some background as to what the Steampunk culture is. It will also list the purpose of the site, emphasizing professionalism and maturity that the site wants to convey to the users.
The Gallery: The area will further breakdown into two distinct artist media to help the user find what they are looking for. Once in that area, once again it will drill down into even more specific categories. Artists will have an opportunity to submit work in on these categories. This will tie in to the registration area and explain the artist guidelines.
Artist Page: This area will give a brief biography to who is in the gallery as well as a link to their specific works that are exhibited.
Content and Functionality
Julie Urtz email: [email protected] 14
Blog: The blog will allow users and artists to discuss their work
as well as give a place for similar fans to discuss the art. The area will be for registered members only and will highly moderated to keep discussion within a specific guideline mainly; Steampunk art.
Register/Log In: This area will be for all users and artists. For users, there will be a link for them to become members. A simple form consisting of name and email will be all that is needed as well as a user name. For artists, there will be a link to take them to a registration area and will ask more in depth questions for them to fill in as well as explain types of membership and types of payment accepted.
Content and Functionality
Julie Urtz email: [email protected] 15
External Sites: This will take users to other similar sites that
specialize in the Steampunk genre.
Social Networking: This will include links to share the site on Facebook and Twitter.
Contests: This area will link also to the Blogs for members and to discuss the art and/or artwork that is competing for a monthly prize. Access will be through the About Us page.
Contact Us: This will give users and members a way to contact the site for any problems, questions or suggestions. There will be a form for this and also a way to email the site directly.
Content and Functionality
Julie Urtz email: [email protected] 16
Features Chart / Content Assets
Functional Features Content
Title Page Navigational list for all content on the site
Simple sans serif text
Backgrounds darker than text
About Us
What is contained in the site, who the owners are, purpose and
proper content for blogs.
Steampunk Gallery/Logo –
Each pageLink back to Home page
Gallery Subcategories/ 2D and 3D art Graphics will be minimal – Title page
Art will be displayed as Flash slide show
Artists Bio of individuals exhibited Photos of artists Included as part of biography section
Blog Used for members and users for discussions
About us page images
Some examples of work on site
Register/Log In Fill out to become member or registered artist Action Buttons Graphic display of
clockworks/ gears
External Links Takes you to other Steampunk sites
Social Networking
To connect with other and share Steampunk
Contests Users can vote on art work
Contact us Direct email or inquiry form
Julie Urtz email: [email protected] 17
Information Architectural Map
Bios*
Radial Branching
Linear Branching
The use of Radial Branching is used on the
home page to each of the subtopics screens to keep the user in a more simple
atmosphere. The LinearBranching is used within the
gallery to make navigation easier for the user to move between the different types
of art exhibited.
Each page will have Global Navigation as well as Courtesy Navigation.
*There are multiple artist bios with Linear Branching between them.
TITLE PAGE
EXTERNAL LINKS
REGISTER/ LOG IN
Members
Artist or Member
Registration Artist
submit works/
payment
Members page view list of favorites. links
to gallery
ABOUT US Contest
CONTACT Email
BLOG Discussion Area
ARTISTS
BIOS*
GALLERY
2D ART
Illustrations
Photography
Graphic & Digital Design
Painting
3 D ART
Furniture
Fashion
Mixed Media
Sculpture
Electronics
Jewelry
Purchase
PayPal or Credit Card
info
Error
Julie Urtz email: [email protected] 18
Wire Frames ~ Home Page 1
Copyright Information Contact Area
Flash Slide Show of Artwork in Gallery
This Home Page example shows the logo clearly and gives good
examples of what is on the
site with the use of a flash slide show. This will
draw users into the gallery by
seeing the various
mediums presented. In addition, the
links are presented in a
very straight forward pattern
so users will have no trouble
navigating.
Social Networking
External LinksAbout UsBlogArtists
Contact
Register/ Log In
Enter Gallery
LOGO
Julie Urtz email: [email protected] 19
Wire Frames ~ Home Page 2
LOGO
Copyright Information Contact Area
Register
Log In About us
Contact
Blog
Flash Slide Show of Artwork in Gallery
External
Links
Gallery
Artists
SocialNetworki
ng
With the Steampunk
design in mind, this Home
Page example will feature
shapes related to the artwork
on the site. The links are
provided in an easy layout with shapes
that will keep users
interested. The use of a flash
slide show will also give users
and idea of what is on the
site. Julie Urtz email: [email protected] 20
Wire Frames ~ About Us 1
LOGO
Copyright Information Contact Info
.
About Us
Sample Art
Sample Art
Sample Art Sample
Art
Sample Art
Sample Art
Contest
Home
Courtesy Navigation
Global Navigation
Text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here text here Text here text here text here text here Text
here text
This About Us page has a
symmetrical layout with
artwork on the page to give
users examples in case they go
to this page directly from
the home page. It’s
simple layout with the logo
and layout leave no doubt as to where the
user is within the site.
Julie Urtz email: [email protected]
Wire Frames ~ About Us 2
Copyright Information Contact Info
. Global
NavigationThis About Us
layout represents a
less structured, more fluid idea
with the Steampunk
theme in mind. Using shapes
that mimic much of what is represented on the site, users
will stay interested while
reading about what the site
entails. The artwork
sampled show users what they
can expect in the gallery.
T ext here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here t here text here text here text here text here text text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text e text here text here text here text here text here text here text here
LOGO
Home
Sample Art
Sample Art
About Us
SampleArt
Contest
Sample Art
Courtesy Navigation
Julie Urtz email: [email protected]
Each page within the structure of the web site will give users a
clear sense of what page they are on using simple navigational tools like the logo and easily identifiable buttons/labels. Using larger text within the main subcategory buttons, users will quickly understand the options they have.
There will be a logical organization and progression thought the site in regards to subcategories. With the linear movement in the gallery, many areas can be covered without the user feeling as though they need to start over at the home page once viewing creative pieces. They will also be able to view individual artist biographies and go right to their work without going back to the main title page. Once in the 2D or 3D art categories, a drop down list will assist the user in narrowing down the specific medium they may be looking for. Each page the individual artwork is on, there will be a link for users to purchase the item.
Guidelines for Interface Design
.
Julie Urtz email: [email protected] 23
Since the Steampunk theme may be a new genre to many people,
the terminology will be straightforward and consistent. In the About Us section, not only will there be text describing what the site entails, but it will give background to the Steampunk genre as well as explain how the site has been made available to the public. These clear description will leave no doubt to what the Steampunk Art Gallery is all about.
Guidelines for Interface Design
.
Julie Urtz email: [email protected] 24
References
Garret, Jesse James. The Elements of User Experience: User-Centered Design for the Web. David Dwyer, AIGA, October 2002.
Helgar, Stein, Epsen Nystad, Angelia Sebok. Navigation in desktop virtual environments: An evaluation and recommendations for supporting usability. Halden, Norway: Institute for Energy Technology, 2004.
Lawlor, Michael. "Information Design." 13 January 2000. searchCRM.com. 16 January 2011.
Serious Games Interactive. 2011. 8 February 2011.
Srinivas, Hari. "What is Information Design? Some Definitions." 2010. The Global Development Research Center. 16 January 2011.
STC. "Definition of Information Design." 2006. Society for Technical Communication. 16 January 2011.
"Steampunk: What it is, why I came to like it and why I think it'll stick around." 8 August 2009. The Clockwork Century.14 January 2011.
"Video games could be used for education." 2 January 2009. Indian Express. 8 February 2011.WorldNet Web: Google Definitions. 2011. 9 February 2011.