User Experience

Forward:

This document is designed to outline why, when a user comes to our website, he/ she will want to stay on this site and create a website.

The hook:
When an individual first navigates to our website, either first from a google search or a link from another website, we know that they will be looking for a way to create a custom website. Once the user is on the page, we are now marketing toward individuals who are web-savvy, but do not have the skill-set/time to develop their own website. Now that we have limited down our client base who will be using our product, we now must look at what will incline people to stay on this page.

When the user begins to look at our front page, they will see a page that is well designed using web 2.0 styles and includes testimonials by other users who have used our site and created websites that are out in the world, living and active. They will be able to click links to see the other user’s websites and have the ability to examine websites that were made by our developers.

Also, in addition to this, we will have a button  directly on the front page ( separate from the link in the menu) that will direct them to creating a new user. This will be placed near the bottom of the front page and will act as a sort of “big red button” that after they are drawn into the website by the testimonials and other features of our site, they will be inclined to create a new user. This will draw the new users in and make them want to create an account with our website and get started creating their own website!

In conclusion, with the plethora of features that our website offers people, and the different testimonials and example websites that we display to the user, users will have no choice but to use our product and create their own website.

The User story:

    Once the user has created an account and logged in for the first time, they will be greeted by familiar tools that they will have seen in other editors similar to ours, on the left they will see the primary toolbar and on the right they will the properties editor that gives them full customization over each element that they place in their webpage. And in the middle of the screen they will see their main workspace where they will add all their content into their website.

Most likely, the user will start by hovering over the different tools that to see what each of their functions do. Once they have a grasp on what each element does they will begin the 5 step journey to website creation:

First: They will decide what the theme of their website is going to be, what color scheme will be used, who the target audience is, and so on.

Second: They will map out the pages to be used for this site: Ex. Home, Contact, Blog, Photos, etc.

Third: They will create the master template. This is important because the feel that is created here will translate to all the other pages. It is important for them to add the menu bar here and any Text that you want to translate onto every other page, common places for this kind of text are in the footer and header.

Fourth: They will begin adding content and customizing the individual pages. In this step you will be adding images, text, forms, and other miscellany that will be constrained only to individual pages.

Fifth: Publishing their page! They will take the code that was generated and add into the public_html folder that is provided to you by your web-hosting company and Voila! They will have created their website in 5 simple steps.