Blog 3

About

My website will be about a sewing. It will be an informative website to help the audience with free webinar videos, sewing patterns and sewing help and other helpful content. My decision for this type of website is that there are a few out there but a lot of their content has a fee. I think it would be more helpful and more appealing to a larger audience if the website had free content compared to paid content. To help with advertisement and content type, I decided to have the blog based around Australian advertisement and related content. This blog post will outline the intended audience, structure of the website, wireframes and metadata mix of the vocabulary used. The name of the website will be sewingaus.com.au

Target Audience

Gender Age Demographics Socio-economic background Location
Mostly females and some males 13 years + 1)      Aimed at the audience intending to improve their sewing
2)      Audience looking for free sewing content
Low – high Australia

For the sewing website my intended audience will be primarily female. Although there are professional designers who are male, I find that a larger amount of females have sewing as a hobby compared to males. My audience age will range from 13 years and up. I find the website wouldn’t need an age limit as long as the person is competent enough at accessing the website for information. The demographics of the audience will be aimed at them intending to improve their sewing skills and the audience looking for free sewing content. The audience’s socio-economic background will range from low to high as I think the website will be appealing to anyone interested in sewing. However,  someone from a high socio-economic background could most likely pay for their own sewing classes or use other websites that have paid content so the percentage of low-medium socio economic background users could be higher. The audience location will primarily be from Australia. This is to help with advertisement of the website to target the audience with related sewing advertisements around Australia.

Website Blueprint

websiteblueprint

The above blueprint demonstrates how users of the website would navigate through the pages. From navigating to the home page of the website the users will have 5 main options to choose from and a search option to aide their information finding of the website. The Patterns sub menu has its own search option so it searches only patterns, not the whole website. Sewingaus is hierarchical in structure, the website is organised into sections that would appeal to the audience of the website to find the content they are after.

websitenavbar

The navigation bar shown in the image above displays how users would navigate through the website. The logo will act as a link to the homepage. The selected page’s parent the user is on will show as being highlighted, while the breadcrumbs under the navigation bar will show the user how they got to the page they are on. Each header on the navigation bar will have drop-down options for the user to choose from so they can decrease the number of their navigational clicks to get to the content they want.

Wireframes

I put together a number of wireframes to display what the pages would look like. A lot of the pages under each navigation bar header will look almost the same apart from the content. I wanted to keep consistency across all pages by having the same navigation options and the search input. I kept the advertisement in the same place on each page so the content wouldn’t get confused with the advertisements.

homepage

The homepage will feature a small amount of content so the audience isn’t overloaded with too much information. The homepage will feature the video of the week from the Webinars page. The homepage will have a small introduction of the website under the video content for users who are new to the page.

patterns

The Patterns page will display an image of the pattern item and a link to its .pdf download file. Each pattern page will be paginated to have a small amount of content on each page and to aide the amount of information display per page.

sewingguiade

The Sewing Guide pages will follow a similar layout to the wireframe shown above. For example, the stitch types page will display an image of the stitch and have text next to it explaining the name of the stitch and what its used for.  The Beginner Videos page will have the same layout but instead of the image place holders, it will have video place holders.

webinars

The Webinars page will display videos that are specific to a sewing technique or helpful information about an area of sewing. The Submit a Video page will have the same layout, but will have a form instead of video content.

eventsandoffers

The Events and Offers page will display advertisements, offers and promotions that are sewing related. Users can search by postcode for sewing events near them (craft fairs, workshops, etc.) and the search result will be displayed in a map and information provided below about the event description.

faq

The FAQ page will display frequently asked questions about sewing in a list form. The above wireframe is a form for submitting a question that is currently not on the website.

searchresults

The Search Results page will display items matching to the search query with a snapshot of the page, a link and information about the page. The Patterns search result will have the same layout.

Controlled Vocabulary

Vocabulary Description Examples Maintenance
Clothing Terms to describe articles of clothing Skirt, Dress, Blouse, Pants, Jeans High
Pattern Name Name of patterns Pencil Skirt, Bustle Skirt, Chinos Medium
Audience Users/visitors of the website Beginners, amateur Low
Tools Tools needed for sewing Scissors, machine, unpick, pins, needles, thread, bobbins. Medium
Instructions Format Instructions for patterns Step-by-step, diagrams, videos. Low
Guides Guides for sewing Step-by-step, diagrams, videos, images, FAQs. Low
Stitch names Different names of stitch types Running stitch, baste, button, overlock, serge. Medium

Seen above is a table definition of vocabulary terms that could be used in finding information of the website. The website will use a standardised vocabulary so the users will not get confused in the different name definitions. This will ensure that the users can develop their skills without worrying about the different word terms. Below is a guide of terms that will be used to described the content and the variant terms which have the same meaning.

Accepted Term Variant Terms
Fabric Material
Instructions Guide, How-To, Step-by-step
Sew Stitch
Overlock Serge, Serger
Webinar Online conference, Online event

sewingmachine

Click on the above image to see how sewing machines work.. cool right?

 

Blog 2 – Part 3

For part 3, I decided to investigate a website I use frequently – Trello.
trellomain

Top navigation labels:

Label Destination’s heading label Destination’s label
Home  Trello
Organize anything, together
Trello
Tour Tour | Trello
Gold Trello Gold | Trello
Business Class Trello
Business Class
Business Class | Trello
Blog Trello Blog Trello Blog | Organize anything, together.

Bottom navigation labels:

Label Destination’s heading label Destination’s label
Tour Tour | Trello
Blog Trello Blog Trello Blog | Organize anything, together.
Business Class Trello
Business Class
Business Class | Trello
Help Help Help | Trello
Terms of Service Trello Terms of Service Trello Terms of Service
Privacy Trello Privacy Policy Trello Privacy Policy
Twitter (logo) Trello (trello) on Twitter
Facebook (logo) Trello

 

1) I think all of the labels are appropriate for the website. They are all easy to understand and relate to the content of that page. However, I didn’t like the “Gold” label. It was ambiguous and didn’t really have much meaning behind it. The page also didn’t have any header text, only a very small amount of content (one sentence). I think it would make the page very unappealing to potential visitors of the website. The label could have been improved by having a more meaningful description such as “Gold Class” (like the Business Class label) or “Gold Access”. The page could use a proper header label for users to understand the context of the page. I found it was interesting to have the twitter and facebook navigation as logos, it fit with the content and it’s easy to understand that they are external social networking links of the company.

2) There wasn’t too many differences between the labels and pages. The blog had a completely different layout (different website it’s hosted on) and the Terms of Service and Privacy Policy had a different layout. All three of these pages had no top or bottom navigation labels. I think it’s good that the Terms of Service and Privacy Policy doesn’t have too much information in terms of labels and navigation for that type of page. The blog could have a bottom navigation to possibly connect users to their social media pages.

3) I haven’t really come across many other collaborative task management websites like Trello. I did a quick search and found Wunderlist and Asana.
Asana:
asanamain

Asana basically had next to no top label navigation for their website. I found that users could have a hard time scrolling all the way to the bottom of the page to get to the bottom label navigation to find out more information of the website. I think the website would be better with some more top level navigation labels.
Wunderlist:
wunderlistmain

Wunderlist had next to no navigation on the top and bottom of the page. Wunderlist didn’t have any Privacy Policy or Terms of Service links which can be a bit worrying. It could be hard to for users to find this information if it isn’t on the initial home page of the website or in the navigation links.

Overall, I liked Trello’s navigation labelling more than Wunderlist’s and Asana’s. Trello made it easy to find information and navigate between the relevant pages for information.

Blog 2 – Part 1 and Part 2

Part 1 – The role of an Information Architect

Information architecture is a role defined for organising content of a website. An information architect’s role focuses on the structural design of information, the organisation and labelling of intranets, websites, forums and other online outlets.

Information architecture is a specialised skill that isn’t fully described as it exists in multiple fields of knowledge and study. Some of the roles that involve an information architect that works with web development include:

  • Categorising information into a coherent structure
  • Analysis of data stored
  • Design of data stored
  • User design (how the users interact with the information)
  • Relationship of data stored and its entities
  • Organisation of data
  • Labelling of data

Part 2 – Information Arrangement

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

  1. Did you put The Hague under T or H?
    I put The Hague under H.
  2. Did you put El Paso under E or P?
    I put El Paso under E.
  3. Which came first in your list, Newark or New York?
    New York before Newark and I treated the “space” as a special character.
  4. Does St. Louis come before or after Saint Nicholas?
    Before, St. is shortened for Saint.
  5. How did you handle numbers, punctuation, and special characters?
    I listed them towards the start of the list, i treated those characters with higher precedence than the character A.
  6. Assuming the italicised terms are book titles, what might be a more useful way to organise this list?
    The list could be organised into 2 separate lists; one for books and one for other items.
  7. 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?
    The date of when the book was read and the date of the visited city. These could be separated out into 2 different lists to sort the date visited of a country and date read of a book (from earliest to most recent).

Web 3.0

Web 3.0 isn’t far from becoming reality. Having web technologies that can understand what you want and what you’re thinking of can change how people use the Internet. User’s can easily control more aspects of the different Web 3.0 technologies and also take advantage of it. Having a more intuitive Internet will help users save time and get the information they need on the spot. Upon investigating new trends of web technologies, I came across Google Now. Google Now seems to show a good example of what people have around them and what information and services are nearby. It shows a promising example of what a semantic web could look like. More information about the product can be read about it here: http://www.google.com.au/landing/now/

Privacy of the Semantic web can have some implications. What would happen if your data was collected of where you frequently like to eat, your interests or places you travel to? What if some of these places link to where people under suspicion of the police like to go to as well? Would you be watched online without knowing? Of course, a lot of these problems can persist now with Web 2.0 technologies, it’s just harder for the current technology to string things together to become more semantic and understanding of what the user wants and needs. There will always be philosophical dilemmas when it comes to someone’s liberty and freedom from being watched on the Internet, however, it is always your own responsibility of how you use the technology and what you post on the Internet.

I don’t think that humanity and technology will blur in one big clump of craziness. Most people understand that technology is there to help them, not to use them.

Twitter and your privacy

Twitter is an easy to use social network that enables their uses to send “tweets” that are 140 characters or less. I investigated Twitter’s privacy terms and also the site’s Terms of Service.

Terms of Service

Upon reading Twitter’s Terms of Service (found here), I found it helpful and interesting that they had certain points shown as highlighted tips. Twitter tries to reinforce the fact to their users that once they have something on the Internet, you don’t have any control over it. Reading through the Terms of Service, I came across a few sections that related to the user’s rights to the web site. A section titled “Your Rights” outlines how the website has a royalty-free license of what you post or display on their service, which is explained in this sentence here:

“By submitting, posting or displaying Content on or through the Services, you grant us a worldwide, non-exclusive, royalty-free license (with the right to sublicense) to use, copy, reproduce, process, adapt, modify, publish, transmit, display and distribute such Content in any and all media or distribution methods (now known or later developed).” 

Basically, Twitter can copy, reproduce, publish or modify anything you post onto their website. Of course, if the item is already copyrighted, they have no ownership over the information. You also don’t get any compensation from Twitter reproducing any of your content that is posted on their website.

twittertip

Privacy Policy

Twitter’s Privacy Policy slightly overlapped with their Terms of Service. However, their Privacy Policy (found here) is about how they handle your data and use it to advertise to their users. Some of your personal information will be displayed to the users of the website, such as your username and name supplied when signing up. Other information such as a location, website and picture may also be provided. Twitter states that they use third party services to help with providing the services of their websites. This is related to how advertisement is targeted towards their users. However, tailored ads can be turned off – information about this is found here.

Upon bankruptcy, merging with a different company or sale of assets, Twitter can sell off your information to the new company, although, Twitter states your information will still be adhered to by their Privacy Policy.

In the event that Twitter is involved in a bankruptcy, merger, acquisition, reorganization or sale of assets, your information may be sold or transferred as part of that transaction. The promises in this Privacy Policy will apply to your information as transferred to the new entity.

Although it can be worrying if your information is sold off, I doubt Twitter could be going bankrupt in the near future.

Security

Twitter doesn’t outline much about how they handle security concerns of their website. They have this article: https://support.twitter.com/articles/477159-reporting-xss-api-and-other-security-vulnerabilities to report vulnerabilities of the website. I tried to look else where on the web to see if they have had security problems in the past. Back in early February 2013, Twitter had suspected over 250,000 accounts had been compromised. The article can be found here. The article touches lightly on how Twitter has monitored and found weird spikes of user activity. When they realised these accounts had been compromised, they reset the passwords for those accounts.

Overall, I am happy with Twitter’s Terms of Service and Privacy Policy. It would be nice if they outlined on their website how they handle big security threats that happen on the web. I am happy to continue using their website, and I don’t believe that social networking can be evil. Remember: You are what you tweet.

Feedly – Feed Reader Review

Starting last week, I looked around for different feed readers to use. I came across Feedly and it’s easy to use features. I found it easy to track down feeds that are tailored to my interests.

I used Feedly on both my phone and Chrome browser by using my Google account. It integrated what I’ve read, feeds I’ve subscribed to and account information across both locations. I found that over the timeline of the week, I used my phone more often compared to the Chrome app as I’m on the go most of the time.

One of the main benefits of using Feedly is that you can save articles to read later. I found this was helpful when I didn’t have the time to read an article, or I wanted to read it again another time. Another benefit was having categories of different types of feeds. This was helpful to group the same type of feeds together, such as cloud services in one spot. A downside to the categorization option is that you have to do it on a computer.

Overall, I found that Feedly is a good feed reader to use and I’ll be continuing using it in the future.

feedlyicon

First post!

Greetings fellow class mates!

My name is Raechel and this is my last semester of studying. I am studying a Bachelor of Information Technology – majoring in Informatics. I’ve had a blog in the past, which I created in my first year of University, however I never had the time to keep up with it. It had content of stuff I was sewing, crafting and cooking.

A little bit about me: I am the Treasurer for the SRC on the Nathan campus, I work casual at Suncorp and I usually have my nose buried into a book. I’m looking forward to see what skills I will learn from the course.

Good luck with the semester everyone 🙂

P.S Can you guess what movie this picture is from?

2013-04-10-labyrinth