Blog 3

This week’s blog is about designing a website base on online selling textbook for student

TARGET AUDIENCE

The target audience for my website are: student from different universities across Australia and also for those who have passed their degree
For student and Teachers
Online sharing book– these will be interactive online selling second hand textbook.Student who finish the subject and no longer need textbook he or she can sell it to another student

Sitemap:

The homepage of this website contains all the information that users should know. It has navigation bars at the top of the page. It has also categories navigation which display on every web pages of this website. The navigation bars themselves are My Account (this is where the customer’s account is stored), My Cart (contains all the items that the user has added or planned to buy), categories  (on left on the page: contain all categories of book), Login (this page is for users who are registered customers and are willing to log in) and sign up (this is the page where users or guests who visit the website are keen to register or sign up as new customers in order to buy or shop online.This site will support the hierarchical browsing method and use a contextual navigation scheme. The main links will be provided on the top of every page and subpages will be accessible from any page.

Website Blueprint

This blueprint shows how users navigate the site. The home page shows how users are able to navigate to all of 5 main site sections. From the home page, users can go directly to see new movie releases DVDs by simply clicking the DVDs section and click on New Releases. Each section of navigation menu has sub sections although News section does not. News section basically shows the current news about top box office movies, upcoming movies, etc.Also, there will be breadcrumb bars, as you can see on the blueprint diagram above, that will help users by providing navigational context while they navigate through the site.

The wireframes are quite useful as they enable the website developer/designer to interact freely and easily with the site contents. The wireframes below show the home page, Deals page, DVDs Sell Shop page and about us page.The Wireframes below show the arrangement of the content and navigation laid out the site.

home:

My Account:

Add to cart:

all Books:

Contact us:

Matrix supports the user with necessary decision making process, weighing the value of each vocabulary to the use experience against the cost of development and administration. The below controlled vocabulary table identifies and represents the keywords and their assessment for the internal search engine of the site.

This table shows Beautiful Future website’s metadata matrix.

Vocabulary	Description	Examples	Maintenance
Book genres	Category of book	technology, science etc..	medium
Cart	Shopping cart for the book	user's order(add book to cart for shopping)	high
rating	book's rating	Accurate book rating(1-10)	medium
Audience	High education student	University students	low
page type	type/size of the book	book's page,size,etc..	low

The controlled vocabulary manages the vocabulary terns and relationships integrating with the database, aids in search query.

Accepted Term	Variant term
Contact us/About us	fill out request form
Sign in	log in
shipping	ship out, dispatching
copy right	policy, copy right

3. Navigation and Labeling Systems

This post is about the navigation and labeling system of a particular website. I've chosen the search engine website called google.com

                                                             

Label	Destination's Heading Label	Destination's Title Label
Header Menu
You+	google+	Google+
Search	Google	Google
Maps	Google	Google Maps
News	Google	Google News
Play	Google Play	Google Play
Gmail	Gmail	Gmail
Drive	Drive	Google Drive
Calendar	Calendar	Google Calendar
Youtube	youtube	youtube

1.What labels you did not like and why, and suggests improvement.)?

Google's style and presentation looks nice and simple. The design of the page is fairly simple which is one the most important thing when it comes to requirements is a website. Google have easy navigation, it relies on Home page

  2.Whether there were any inconsistencies in the labelling system between the pages (in terms of style, presentation, syntax, granularity, comprehensiveness and audience) 

Google keeps its home page very simple and consistence. This prevents the user from distraction and makes the users to complete their task successfully in easy and simple way. However Google’ navigation on youtube.com makes different from other Google’s pages. For instance YouTube does not have top navigation bar and also it have different Heading Label from

3. Examine at least two other similar or competing web sites. How similar are the labelling systems? Is any one site clearly the winner (and if so, why)

bing.com

Bing also uses a simple layout which is similar to Google. Bing implemented changing background automatically on its home page as part of getting more users attractive to it; however Google still have more users who have found Google more attractive. 

3.B. Examine at least two other similar or competing web sites. How similar are the labelling systems? Is any one site clearly the winner (and if so, why).

Ask.com

Ask.com has different concept to Google and Bing. Ask is a question answering-focused web search engine. Ask has nice and simple interface to use, however the heading does not clearly shows property
. 

The winner is Google

 

From what I see I believe Google is the most useful website with the best labelling system. The heading stays the same on the top of the screen on all pages. It makes all these labels very easy to access. The only disadvantage I see is YouTube which has different to other pages

2. Arrange list in alphabetical order

Keep Calm and do sorting

UnSorted order

El Paso, Texas Saint Nicholas, Belgium The Lord of the Rings Newark, New Jersey XVIIme siècle .38 Special St. Louis, Missouri New York, New York 1001 Arabian Nights The 1-2-3 of Magic Albany, New York #!%&: Creating Comic Books The Hague, Netherlands $35 a Day Through Europe H20: The Beauty of Water Plzen, Czech Republic

Sorted order

#!%&: Creating Comic Books $35 a Day Through Europe 1-2-3 of Magic The 1001 Arabian Nights Albany, New York El Paso, Texas H20: The Beauty of Water The Hague, Netherlands The Lord of the Rings New York, New York Newark, New Jersey Plzen, Czech Republic Saint Nicholas, Belgium St. Louis, Missouri XVIIme siècle

Questions and answers

a.  Did you put The Hague under T or H? I put The Hague under T, firstly because it is place, and secondly  because it’s proper name is “The Hague” b. Did you put El Paso under E or P? El under E. El is still a word, so it is under E c. Which came first in your list, Newark or New York? New York comes first d.  Does St. Louis come before or after Saint Nicholas? I put ST,Lous first, because St. is the abbreviation of Saint  e. How did you handle numbers, punctuation, and special characters? Used the Ascii Table http://www.asciitable.com/ f.  Assuming the italicised terms are book titles, what might be a more useful  way to organize this list? -Put them into categories for example "cities", "Movies" & "Books". And put  them in alphabetically order    using categories g. If the cities represent places you’ve visited and the book  titles are ones - you’ve read, how could chronology be used to order  the list in a more meaningful way? Group the books with books and also places so they would still be in  alphabetical order, but in chronological order within the same category h.  Look at how some of the other students have organised this information and  comment on their blogs