Interactive Media Work main site (dashboard)/web author blog. Smile and interact?

Leave a comment

Looking at a main competitor

I will disregard ATCM as a competitor after viewing their below standard website (view previous review on Research on Websites). So instead I chose to look at another website:

Then I looked them up on Alexa:

And found out what people search in order to find their site. ‘Herbs’ seems to be the most popular word so I’ll definitely be using that in my website’s meta tag.


Leave a comment

Task 2.5: Legal and ethical considerations + constraints in design

Legal and ethical considerations are aplenty in any fields of design and this includes web design. Web authors have many responsibilities when designing a website and release it on the web:

  • Are the images on your site copyrighted? If so have you asked for permission to use the pictures? Do you have to use stock photos or make your own images?
  • Is your website content age appropriate? If some contents are age restricted do you have to put up warnings or ask the user to specify their age before accessing the content?
  • Is your content/information accurate or true? For my site, I need to advertise TCM but also make sure I’m not lying about the subject in order to sell products and services. It’s easy to get carried away with marketing but you have to consider ethical rights of the customers as well.
  • Is your site utilising pirated software? Make sure you check before you embed a shifty looking software, breaking copyright laws can you in deep trouble.
  • Are you spamming SEO? If I put kittens etc into my web’s HTML as keywords just so that it’ll show up in more searches despite my site being about TCM, Google and the likes won’t be very happy. Actually they might blacklist your site.
  • Are you copying a website’s design that’s been patented? Whilst the internet is open and sharing is encouraged, stealing designs completely (especially patented designs) is considered unethical and will get lawyers and lawsuits tailing after you.
  • This might be your number one foe, but deal with it because without it the world will be a crazier place.

Constraints within design:

  • Your design must stick to the brief. I can make the most stylised website in the world that wins awards for its artistic qualities and glittering cursor, but it will still be considered a bad website and get me a fail on my course. Why? Because it doesn’t fit the client brief and it doesn’t serve its purpose as a TCM website that’s simple, easy to use and aimed at mid-aged people. Before I want to make any design decisions I’ll have to make sure to look at the brief and consult the client.
  • Project deadlines are the biggest enemies to a web designer. Since ideas and features have to be abandoned or cut just because you didn’t have enough time to implement them.
  • Customer’s needs: you can’t just fill your pages with whatever you want. If I posted anything none TCM related it will only confuse the consumers.
  • Lack of knowledge. I might have grown up in a family that practices TCM (my granddad and dad are both doctors that practises TCM and practically every other member of the family have been involved as nurses) but I know little to nothing about Chinese medicine. This is quite the problem when typing up the contents for my site. So as a solution I ask for resources from the client (my dad) and use them for the site. Doing some research on your own is also helpful.

Leave a comment

Website practice: table building

The code

<!DOCTYPE html “-//W3C//DTD XHTML 1.0 Transitional//EN” “”&gt;
<html xmlns=””&gt;
<meta name= “description” content=”Website for practising coding and task 2.5 (ethics of design) for my interative media course.”>
<title>Task 2.5: Ethics</title>
p{background-color:#F39; padding: 8px; width: 300px; font-family:”Lucida Sans Unicode”, “Lucida Grande”, sans-serif}
td{padding: 7px}
tr{font-family:Verdana, Geneva, sans-serif}

<h1>Task 2.5</h1>
<p>Here’s a table containing the client’s name, website breif and the ethical considerations of web design.</p>

<table width=”477″ border=”2″>
<col style=”background-color:yellow”>
<td width=”84″>
<strong> Client name</strong>
<td width=”373″>Xiaotie Huang</td>
<tr><td height=”49″><strong>Contact detail</strong></td>
<td>Phone number: 07780774347, Email:</td>
<td height=”49″><strong>Ethical &amp; legal considerations</strong></td>
<td>Image, video, copyright, monitoring comments, age rating of website content etc.</td>


The visuals

Leave a comment

Welcome back test

  1. You don’t need to repeatedly write the same styling code over and over again. It keeps styling and layout code separated and organised.
  2. <a> it’s used to insert links.
  3. <a> stands for anchor.
  4. CSS is placed in the <head> tag of a HTML document.
  5. CSS is written like this p {font-size:18px}. The selector (p) comes first and defines the element that the style (the declaration with is font size in this case) will be applied to.
  6. Nesting means to apply more elements onto elements: a bit like putting your shopping (the content between tags) into a bag (tags) and then another and so on. The Elements should be nested like this: <p><i><b>I love tags</b></i></p>. With the elements mirroring each other.
  7. XHTML is a much stricter version of HTML, so XHTML code would be more compatible and less with more browsers (which is why people use it over HTML at times).
  8. All opened tags must be closed. All tags must be written in the lowercase.

Link to questions:

Leave a comment

Wireframes (client approved)

Wireframe for the homepage. Also serves as an overall/main layout for the site.

Wireframe for ‘Illnesses and cures’ page.

Wireframe for ‘Find Us’ page.

Wireframe for ‘Popular Products’ page.

Wireframe for mindmap of illness pages (what appears when the links are clicked on the illnesses and cures page).

These were all created with Adobe Illustrator.