In this chapter the book covers how to effectively use and understand the principles of effective electron communication. They focus more on web base systems since that is the way of the future.
Electronic communication can be categorized into 3 different groups. The first is Interactive and non linear, which means multiple possibilities among users. In other words one person can use it for one thing and another can use it for a total different purpose. The second group is virtual or open, which allow people to view things in a made up place and being somewhere without actually leaving home. The third and final, is complex and dynamic which is planning for different users and technology.
Today there are many different types of electronic communication devices out there, such as the computer, PDA, Cell phone, ect.. This is making electronic communication more important than it ever has been.
Since websites have became an important way to feed the public information it is very important that you take the following into consideration when designing a page.
1. Page size- You want to maximize what the user can see on the screen at one time.
2. Legibility- How easy someone can read what is on your page? You need to take into consideration what backgrounds you use along with font type and size to make it as easy as possible for user to see.
3. Responsiveness- how quick it is to respond to users clicks. You don’t want the user to become unhappy waiting for you page to load.
4. Navigation- you want to make it easy for users to get around your site.
5. Equipment- make sure you have quick enough equipment
When designing a page you need to take in to consideration how you wan the person to navigate through the pages. Many times you will have pages that you would like the user to see more often so making them much easier to click on is a great way to get them to that page. But most importantly when thinking about the navigation you want users to be able to go back as easy as they go forward.
There are 3 things that go into a good webpage.
1. Information Architecture
Within information architecture you can separate it into 3 different subcategories. The first is organizing the information, you need to think about all you info and how it relates to each other and separate it from there. After you have your info organized you go to the second subcategory, labeling the information. The best way to do this is with keywords that a user might use in a search engine to find your page. Once you have everything labeled you go to the final step is setting up the navigation. Here you need to think about the order you want people to see the information and set it up accordingly.
2. Page/Screen Design
Layout is a very important aspect of effective communication. At the same time, there really are no set rules for designing the layout of a web page. But the book does give 3 guidelines
• Content - Provide more content than navigation on each page
• Identification - Include critical info and site identification near the top. The top left corner is also a natural focal point for Web and print pages.
• White Space - “Don’t fill every pixel of your page.” It helps guide a user’s eye around the page.
3. Content
Content is still key, pretty pages mean nothing if the content isn’t there. The book points out two aspects for good electronic content: effective writing and ensuring credibility. The book has a nice table (table 13.19) on p499 discussing some guidelines to building credibility. Also, some good writing tips from the book…
• Be Concise
• Keep text chunks short
• Use headings and bulleted lists
• Use Active Voice - identifier a doer for an action (ie you, me, us, etc…) It’s more engaging for the reader.
• Consider international readers, the world is bigger than little ol’ US
• Keep important info near the top followed by descriptions. Make important info easy to find when scanning.
• Limit ‘in-text links’ and provide descriptions so the user knows what to expect if they click this link
Standards & Tools
Standards are important because it allows a massive system, like the web and all PCs connected to it, to function consistently. Table 13.20 on p501 has a nice list of tags, scripts, and programming tools used in web page design.
Iterative Design Process
The first step to any project is defining is the project’s purpose and scope. The second step to any project is developing a project plan, this plan is an outline of the resources and time needed to complete the project. It’s also very important to maintain documentation of maintenance and updates to keep things consistent. Figure 13.21 provides some good questions to think about when planning a project, some of it is web page specific but the development and project management sections could be applied to any project.
When developing a web page, start by analyzing similar web pages and the book even provides a nice assessment sheet on p506, Figure 13.22. After you have some ideas on what you want, create a prototype and run the same assessment. Keep the project and process coordinated, communication is key to keeping the project on track and all elements consistent.
Make information and features accessible. Provide alternative representations of information, use alternative tagging, and add transcripts or captions to audio information. While this may not be everything, just always keep in mind to keep your information accessible to as many people as possible.
Saturday, October 13, 2007
Subscribe to:
Post Comments (Atom)
13 comments:
I never thought about the real reason i go to www.mankatofreepress.com rather than just buying the paper. I can choose the format. I can see only what I want. I have two webpages, www.gaugs.20m.com and www.brandonscheff.20m.com. I haven't updated the first one in forever, I made it in college, but the one for Brandon is for the grandparents. My parents live in Wisconsin and only get to see him once a year. I will admit, I like how the menu is on my webpage better than brandon's. Its easier to navigate
This chapter was pretty interesting. Around my freshman year of high school I had to make a web page, and this chapter could have been very helpful. I am sure that my web page would have been completely different if I would have followed some of the guidelines that this chapter provides. What caught my attention from this chapter was the fact of organizing an electronic document and not over crowding it. I have been on websites that have way to much information on one page and there is no way that I am going to go through it all. Either I will try to find what I am looking for quickly or I will just go to a different website for my information. It was also interesting to look at some of the web graphic examples that the chapter provided. I guess I never realized the difference between jpg and gif images.
I think in order to have a successful webpage, a lot of the material we have already covered in this book is essential to keep in mind. A good webpage is user-friendly, well organized, appeals to its users, and can be easily navigated. Whenever I am on a specific website for a particular purpose I get easily frustrated when I can’t find what I am looking for. For example, I was so accustomed to finding things on the homepage for UW-Stout. I could easily go to any page or link without running into any roadblocks or complications. However, when they re-designed the entire website I was so lost! Their website completely changed and everything was in a different place. It’s interesting because not only did I feel it was a hard change to get used to, a lot of my friends did, too. It just shows how influential the design of a website can be to its users.
Technology and the World Wide Web are no doubt the way of the future. I am on the internet on average about 3 hours a day. I use the internet for shopping, research information, and entertainment. It is very frustrating when a webpage doesn't work the way that it was designed and programmed to work. Navigation through a webpage is one of the key components to web page development. I have strayed away from using certain web pages for shopping due to the difficulty factor of navigating through it. The whole reason I am using the internet for shopping in the first place is because it is quick and easy. I like simple web page designs that you can find what you are looking for quickly. This is a major factor in a professional position where time is of the essence.
This was a different type of chapter. I say that because I like how they stress the points of structure not only in hard copy documents (like papers, etc) but also in web pages. The way the designer of a web page structures his website will either allow easy access and reading for the website, or immense amounts of frustration and confusion since nothing makes sense. Since most websites are trying to exchange information from their site to the person reading it. The importance of having a well organized web site is very crucial if one wishes to explain their information effectively. (What is the point of trying to explain something when it doesn't make sense?)
I don't think I remember having to ever make a web page either in high school or college. This chapter explains the process very well, but if I had to create one I think I would like to do so in collaboration with others.
I agree with the book that embedded links should be kept to a minimum. There have been assignments in the past where I came across some articles where it seemed like every paragraph had a few links to another page or site. It gets to be annoying when a short article turns into a book.
One thing I did notice about some web sites is that they can be very hard to navigate around and the information is very dificault to read. To me, the quality of a website is a big factor to whether or not I use and trust the information on it. I also find it very hard to search sometimes if a sight doesnt have some of the common keywords that people search for. Those words are what make you an easy to find site and impossible. I use search engines for anything, even if I know the web site name. Searchability is very important.
The layout of a web page is very important to me. I haven't really ever had to use web pages for anything but just to search around the web and look at things that interest me. As of late I have switched all of my bills to online payment and I hate when these pages are difficult to navigate. As the book said people all have different interests when they are using pages so it can be very difficult to make every area of the site as simple as the next to use. Anyway I like certain sites that make the payment process easy and help me make every day life just a bit simpler.
Part of me believes that today's culture is so engulfed in electronic communication, that it is hurting us a society. It may be easier to send an e-mail or text, but a person is losing out in the direct communication between one another. The reason I think this hurts a person is when it comes time to find a job, the employer will look for communication skills. If an employee has been e-mailing or texting throughout is whole life, he would lack the neccesary skills for permanent employment. Part of me believes electronic communication is good, but I think we are using to much and ultimately hurt the future of our society.
This chapter is very important and I am happy such a chapter has been included in this textbook. I used to be the web designer for Student Leadership Development and Service Learning Center (SLDSL) right here at MSU. When I first started, the website boredboard.org was in a not-so-good situation. The webpage was designed horribly with bad color combination and long texts and all the information was crammed into one page. However my boss and the team were looking to attract more viewers. We redesigned the whole website, with better color contrast, information organized in multiple pages and a really good look. Within two months we were getting 3000 more hits per month than before, and that was a drastic difference. That proves that designing web pages is much more important than people may think.
I have encountered many websites that could have followed these guidelines and actually made a usable site. Poor design can make a page practically useless. In my opinion, the majority of myspace is a great testament to this. Let's have neon yellow letters on a white background. Awesome!!!
I have my own webpage and I didn't consider everything that i should of after reading this chapter. Good job...
I found a lot of this information to be very helpful in the website assignment that I had to do for my MGMT 200 class. It was very interesting to see how well the assignment followed these recomendations for a good, usable web design.
Post a Comment