Steampunk pp

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.


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.


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.


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.


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!


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.


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.


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.


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


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.



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.



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.



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


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


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


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

.


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

.


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.

Steampunk pp

Design

Transcript of Steampunk pp