Tuesday, March 23, 2010

Criterion B - Design & week 3 Moodle


paper design-


Even though I already have a detailed design specification with a certain topic of my website of my choice, here are some other designs (topics) that i could talk about and what areas I need to focus on.

1.
Topic: Horror Films

Content: It will contain information on new horror film releases as well as horror films of the past. It will also have rankings of horror films in different categories (such as ratings, audience numbers, earnings, etc
). It will also have a page that has a list of recommended horror films of my choice and follwing explanations of it. It will also have a page of history of horror films.

Layout: This will be as important as the content. People definitely needs to get the feeling that the website is scary, spooky, or at least flashy. As the nature of movies admit importance of advertisement and visual aids (including the movies themselves), the mood that people sense needs to be strong, and in this case, scary. So probably a black background will do it's job with blood patterns. As for the text, it will be a black text on white background, but on the white, there should be scary factors like drops of blood, etc.

Problems: The major problem for this kind of website is that it needs to be constantly monitored and updated. As for the nature of this assignment, it will be close to impossible to keep on updating it. Also, the time it will take for me to create the product will be so long that by the time I finish the website, new films and new information would have arose.

2.
Topic: Recommended Online Games of Korea

Content: It will mostly contain information on different online games. It will have a seperate page on different genres of games (FPS, MMORPG, RPG, social, etc.). In the pages, I will give an image of the game itself (the official title, etc) as well as some screenshots. I will also give pros and cons of the game itself, and state whether you have to pay to play, or whether it is a free online game. I will also give short explanations of the games themselves. I will also give ratings of the games according to my standards. I could also have another page of foreign online games that are worth playing too. Each game should also include the official age of permission to play the game.

Layout: Layout, in this case, holds about 40% of importance (while content is 50%). One major aspect of games itself is because of the "cool" effects, graphics, and the visual aspects of it. So assuming that the people visiting my website will be those who play online games, the visual aspect is important. The designs would be different for every page. For example, the homepage could be a collage or a mix of different genres of a game. FPS page would mostly include guns, knives, and militarty uniforms. RPG page would mostly include characters with ID's and status of the characters, and etc.

Problems: Since it is about Korean online games, the language use itself is a problem. Also, Korean online game market is ever-expanding, so again, it will need constant updating. Also, it would be kind of pointless to create this website for the audience of foreigners because korean online games require a social security number and even if foreigners wanted to play, they would not be allowed uinless they are korean citizens or working in Korea.

3.
Topic: Baccaulaureate of Science, Arts/ Medical Doctor (BS/MD or BA/MD programs) offered in universities in the United States.

Content: The content is of 90% importance here. The audience who will come to visit my website are people who seek for information, not people who are bored and want to explore the web. So giving reliable, profound, and organized information is crucial to the success of this website. hence great research needs to be done to gather the information. The main pages of this website will be: List of BS/MD prgrams in the states (along with universities that offer it, tuition, and other basic information). Another page will be an overview page (possibly my home page) on "what is BS/MD?". Another page will be the necessary or the recommended requirements of high school grades, official test grades, etc. it should also have a ranking page (if i can get the ranking information). It should also have another page on the paperwork required for admission (including the financial aid, admission itself, scholarship paperwork, etc.)

List of pages: Homepage, Introduction page, Basic requirements/recommendations page, list of universities offering BS/MD page, financial/tuition/scholarship page.

Things to include: Font- Times New Roman 13-15. Bckground color- dark or smooth green. Color of font for navigation: white. Text- White bakground black writing. Images- Have not decided yet. Reliable information under the pages listed above.

Layout: The layout for this page will be of minor importance. Again, the visitors come to elicit information, not for boredom. But one thing that i do need to keep in mind is that the page needs to look professional : in the sense that it must look as if it was recently created (because old information is the last thing anyone would want for BS/MD programs). So overall, it should just be neat, and not flashy or tacky. (more design layout shall be on the paper)

Problems: The research itself will take a lot of time, so extra extra effort is required. Each university program differs with each other, so having a great content would take a lot of effort. But other than that, there are no major problems.


Again as mentioned before, I already chose what my website is going to be. however, the major factors of my design spec were that : my information is reliable, the information will be easy-to-see, have good navigations, no automatic video, the designs will not be too noticeable, and that the content will be more important than the design itself.

So idea 1 will not work. My information will be less reliable (since I need constant updating). The information would be easy to see as well as have good navigation as well as i work hard. But the major problem is that the design part will hold equal importance to the content itself (as metioned above).

Idea 2 will also provide problems. As mentioned above, it will be useless for foreigners. Some aspects of the designs should be eye-catching, and the design holds quite some importance in the website.

Idea 3, however, will work. The information will be reliable (as I only need to update it once a year), and the content holds greater importance to the website itself. What i really did was i set the design specification to meet this topic itself, so it really is a perfect match.

The reason I chose idea 3 was mainly because I was personally intersted. I am thinking of applying to BS/MD later and the research would do myself good. Furthermore, it won't be impossible to do, as long as I put adequate effort into it. But mainly, I chose this because of my personal gain from this assignment as well as the level of difficulty of creating this website compared to my other ideas.

I've also made a model of the website on paper. The paper idea included everything that I wanted to have. However, it does seem quite a big job since there were many pages. I am still a little skeptical on including images though, since most of the images will be useless. But for the sake of the design layout itself, I might include some images. I'm really not sure on which type of font to use. I want something formal like Times New Roman, but it would sometimes look too boring. But anyways, the model itself met all the design specifications. It had everything i wanted to include. The layout would hold less importance compared to the content. There was no automated video in my design.Also my information (even though i have not collected) will be most definitely reliable since they will mostly come from university websites themselves and other famous scholastic websites (such as collegeconfidential, etc). The navigations to me seemed fairly straight forward, so the readers will not have trouble trying o find where to go.

Monday, March 8, 2010

Criterion A- Research and Investigation

Our new unit is called "websites". For our product, we have to create an individual website on a topic that we chose. It needs to contain various avigations and informations. The topic should be something that one should be interested in.

This unit/project is most definitely important in society. As society is developing side by side with technology, it is crucial for us, the generation with developing technology, to have a firm grasp upon the modern trend of technology. This of course includes website designing. Websites are one of the most popular resources to research. Nowadays, it is used for even more various purposes such as shopping, calling (telephoning), conferences, entertainment, and even educational purposes. Websites are an inevitable part of our life no matter what, and it is extremely important for us to learn how to use them as well as make them. By learning to use and make the websites, it will facilitate our lives greatly, enabling us with more various options of activites such as learning, shopping, etc. Therefore, it not only holds a temporary value of being able to have other options, but as society is becoming more dependent upon the cyber world and the internet, it will give us a productive long-term effect. It also aloows us to follow the trend of modern society.

One of the phases that we were introduced was to go to thinkquest.org and look at different student-made websites about random topics. We had to then explore different websites they have made and pick one that was most appealing to me in a design standpoint. The most appealing website for me was the leadership page (http://library.thinkquest.org/08aug/02289/). I thought that the website seemed very smooth, while very clean and organized. They did not insert any pictures that looked cheap (unlike the chocolate website)and it seemed easy to navigate. I also like how they had the intro video on the hompage but did not make it automatically start, because I never watch the videos and think they're annoying. Furthermore, it didn't take a long time to load despite it being quite colorful. I also thought the inserting-your-name when you went to the site was interesting. however, I thought it was a little unnecessary, but because it didn't take a long time, it was excusable. The colors they used and the targeted audience fit quite well too.

There were some website topics that seemed interesting while others weren't. I thought that chocolate, portable stuff (cellphones and games), and leadership were interesting topics, while topics such as "save the rainforests", "Amazonia: Endangered Beauty" didn't even make me want to visit the website. Again, the leadership site was interesting too. It had a lot of content in different media (games, videos, text) and so it did not bore me out immediately. It was a very interactive website, which i think was appropriate for the audience the website designers targeted. The content itself was also interesting. THe reason I believe I am not interesting in the websites related with amazon or rainforests is because of personal taste (in my opinion) since i'm really not into "save the nature" schemes.

Week 2
what designs scare you-
I think I can relate to almost all of the comments on this article. I most especially agree with "automatic video" and "Red...". i am especially annoyed by the automatic video features in several websites, even more than normal people would because we have such a slow internet connection in Mongolia that if there is an automatic video website, the internet browser would just freeze and I'd get frusttrated. I also could relate to the "red" article. Red is the color that excites, while tires one's eyes. It is very annoying to have a red background, especially if it is bright beight red. For me, it not only applies to red, but any other color that is heavily bright to hurt my eyes. I also do not want the blue website links, because not does it only hurt my eyes, but it makes the website look so cheap. I am not so sure on the black text though, because I like it in the sense that it is simple. I also could agree with other comments, such as disliking websites that have an automatic advertisement or audio with weird and repetitive music. It is just pointless, and because of the sound it creates, I naturally turn my speakers off if i ever have to visit again (which were very few out of the millions) or not go back at all. I also agree with PerAb's statement about the animated images and navigations, because that was what made the "chocolate" website look cheap.


Accessibility-
I most definitely agree with the "Website navigation", It was basically tips on what is a good website navigation. It said that it needed to be simple and accessible while having a good bread-crumb trail. Also, it is best to have a common layout that is accepted by most people.

"content accessibility" is basically about tips of content of a websie, in general terms. It basically says you should consider various audience with different needs or handicaps (such as deaf people, color-blind people, etc). Also, it said that you shouldn't use different colors for emphasis, but rather add a * or sth like tht.

I honestly did not understand much from "Logical Style". I was jsut recently introduced to HTML by Ms.Wilson, and I do not understand the concept of logical and presentational elements. But if there was anything that i understood, it was the last part of the article that said each browser has different formats, so rather than saying "bold", saying "strong" would be more effective because a website can be an audio webpage.

I thought that "Testing your pages" was much more easier. Even though I didn't understand it completely, I believe the main point it tried to say was to consider your webpage for different and different versions of browsers. So do not make it super high tech, and have the resolution set so that you wouldn't have to scroll sideways. Also, the hand-code might contain various errors, so have it checked with a software.

"10 Bad things" was quite intersting. I do agree with many of it, such as "page under construction" or "slow webpage". I thought the progressive downloading idea was really interesting and a good idea for a big webpage. But i don't necessarily agree with the part of the updates. i mean, for me, I go to webpages to just get information, not to get updates or new information. But maybe i'm not very involved in the cyber world.

All I understood from the next article was that the web designers musut consider different webbrowsers for different people. Also, it said to use CSS which is the most preferred. But it said that flash player isn't recommended unless absolutely necessary.

The article about colors seemed a little more clearer. it talked about dithering colors, colors that are non-pixellated for different platforms and web-browsers. Also it showed a list of colors which will prove to be useful in the future.

The HTML 4.01 discusses the advancedment and a little short history of the HTML. It is obviously very confusing to me. But as i understood it, there are 41 new additions to it that one can use. Furthermore, HTML 4.01 is the most standard script that is supported in almost every browser.

XHTML is sort of a extension or another version of XML. In many cases, it is known to be more useful because it is more reliable in the sense that it checks your work. Also, it is more accessible (meaning that it can work with pretty much any browser). The coding is similar to a normal HTML or XML. The only difference is that all tags must be closed, all attributes must be in lower-case, and some other special forms. But as long as the coding is done right (which according to te article is not hard t do), it provides greater benefits. Also, it should be considered as another language and the format the you need to put at the to of he document is different from XML or HTML.

The "mobile" was about how phones now have developed and uppots different web browsers. It said that the web technology for phone has developed incredibly. Before say the iPhone, the phone browsers did not support HTML and therefore needed an entire different coding. But recently, almost all kind of language are supported with equally good browsers. It als gave few tips on how to design a website for phone users so that it wouldn't be too uncomfortable to browser your website.

The "redesigning" article was a little confusing. But it was basically about what to consider when you rebuild your page. The most important things were fonts, navigations, background, search box, and logical structure. I don't think i will be considering this article too heavily, since i doubt i will be even able to make a webpage itself. But still, these were things that i could consider for even the first website i'd make.

I did not read the "bookmarklets" article. It is bcause i will be designing my page in HTML, and bookmarkletsonly work in Javascript.

Sidebar: A list of Reminders-

I do quite agree. To summarize it greatly, it's basically saying make your website idiot-proof. Do not have a fancy website that is hollow, since your content is more important. Be concise and straight-to-the-point. Be consistent and check your content. That was pretty much it.

Design Brief-
There are some basic steps that i will do to create my product. The first one is to investigate how websites are made through going through various websites and looking for information on HTTP as we are doing in class. Then, I will hopefully work with dreamweaver to start creating the website. I will also research information about the topic of my blog (BS/MD prgrams) and think about methods to make the information more accessible to the readers.

Design Specifications-
1. My website will provide reliable information
2. The information on my website will be useful and easy-to-see
3. My navigations will facilitate the exploring of my website
4. The design (layout, color choice, etc) will not inhibit the eliciting of the information from the website (basically it won't be a distraction, but it doesn't need to be an appealing website either)
5. The website will not have an automatic video on the home page
6. The content of the website will have more importance than the design of the website itself.

Testing method-
Since my product will be a creation of an informative website on the BS/MD programs in the States, I should ask 2 or more students in our school who are planning to go into a medical career in the States and ask them to evaluate my website from 1-7 on these criteria: Content, Layout, and Design.

Bibliography-

White E.B. "Sidebar: A list of Reminders". Webstyle Guide 3rd Edition. 2009. 21 Mar. 2010. 'http://webstyleguide.com/wsg3/1-process/5-list-of-reminders.html'

Kyrnin, Jennifer. "What Designs Scare You?" About.com. 21 Mar. 2010. 'http://webdesign.about.com/u/ua/webdesignbasics/what-design-scares-you.htm'

Shannon, ROss. "Accessibility". 2000-2010. 21 Mar. 2010. 'http://www.yourhtmlsource.com/accessibility/'