Well here it is, the final week of Web Design. It almost feels as though it just started. It was a good ride however, so much was learned. Seven weeks ago I would have never thought that I could even remotely do any kind of web design. Much to my surprise I am leaving with more knowledge than I expected.
I will never look at web pages the same way again. My mind goes right behind the scenes when I see a web page. I no longer have the fear that I started this class with. I actually have somewhat of a comfort level in that I can do some design on my own. I am sure that this is just scratching the surface yet I feel safe enough that I could dig in and do some work own my own.
Just yesterday I was approached by a very good friend and asked if I would assist in the website design for his business. With some nervousness I agreed feeling comfortable in that I will be able to work through it with him and his designer/employee.
Digging in even deeper, I found html more of a friend to me than photo shop was at first. I was very intimidated by photo shop, feeling that I could never retain all of the know how that was needed to navigate through it. On the other hand, using html came to me so much easier. I fumbled with it at first but, began to understand and become more fluent with it than I was with photo shop.
When it came to the final project of designing a web site of my own I found that working with Expressions more of a challenge than working with than with Wix, my choice of web 2.0 design. Wix made things quite easy. I choose an already laid out template which was exactly what I had envisioned for my project from the start. Oddly I had joined Wix prior to starting this class because of a random advertisement I came across that offered a free photography web site. Of course photography is a huge hobby of mine. It was fairly easy to go in and add or delete things as needed. Rewriting the text was also a fairly easy process. Now that I have a more casual friendship with photo shop and understand how to re size an image it made uploading photos the template very easy.
I have to admit that even though Expressions was more difficult to navigate through I did enjoy the depth at which I was involved in while coming up with a design. I liked the fact that I could split the screen and see the html at the same time as the design. And it made it rather exciting to be able to go in and work with the html as well. Still can't explain why I like html but , I'm just going to go with it.
The two sites that I designed differed quite a bit in design and layout. First, of all the templates were very different from each other making the appearance from one site to the other very different. Also text, font size and colors all differ from one site to the other. My storyboards were very similar to my site design on Wix mainly because I had been on Wix prior to class and already knew in my head what my site design would look like.
To some it all up, this was a fantastic class with so much knowledge coming out of it. Time went by so quickly, which to me indicates that it was a very engaging and enjoyable class. Kudos to the professor for providing us with a truly excellent learning experience.
Monday, May 27, 2013
Monday, May 20, 2013
Week # 6 Reflections
After reading this week I have a general understanding of the use of images on a web page. Will I successfully be able to utilize this feature remains to be seen. I have an understanding now for using images as a background which is something I was hoping to do with my web page design. I also have a much better understanding of the design of the page and how it is laid out. It simply has to be pleasing to the eye and easy to understand and navigate. I know for myself that if I come across a page that is uninviting or not easy to navigate I simply x out and move on to the next web site. Cascading style sheets (CSS) are going to be key in the design of the website. Currently I am highly stressed and nervous about this whole process as I recently discovered that Photo Shop and myself do not share much likeness for each other and it makes me shaky about everything else.
Storyboarding is helping to visualize what I want the web site to look like and also how it will function. They are allowing me to lay it out and make easy changes as needed as well as providing a foundation for the web site as it will be designed on the computer.
I do believe that I will be going with Wix as the choice to build my site. Wix has several layout that I would like to use and they are free. I had signed up to use Wix prior to starting this class so I may as well follow through with my original actions.
Storyboarding is helping to visualize what I want the web site to look like and also how it will function. They are allowing me to lay it out and make easy changes as needed as well as providing a foundation for the web site as it will be designed on the computer.
I do believe that I will be going with Wix as the choice to build my site. Wix has several layout that I would like to use and they are free. I had signed up to use Wix prior to starting this class so I may as well follow through with my original actions.
Tuesday, May 14, 2013
Week # 5 Blog
It is true that anyone with Internet and a computer can create a website.
This is good in that a rather savvy designer could create a website that is visually pleasing as well as being quite user friendly, and one that is usable on most browsers. On the other hand, a not so savvy designer could create a horrible website. It could be rather unpleasant to look at and very non-user friendly. It also could be difficult to load and view in many of he different browsers causing people to move on and not view the site.
Some advantages to creating your own website could be that it would not cost you very much if anything. You would be able to design the site exactly how you wanted it and you could also updated it as frequently as you would like. You would have control over the site ability to be user friendly to people with disabilities as well.
When hiring a professional to design your site the first difference is that you are going to incur monetary costs in building the site. You also will not have complete control over the design of the site. You may not be given all of the features and usability that you had hoped for.
A disadvantage to designing the site yourself will be the time involved and the time it takes to create the site. Doing it yourself could take quite a bit of time and energy where as by hiring a professional your time involved will be minimal and the site will be created much quicker by the hired professional.
Usability in web design refers to overall ease of the site in regards to navigation, colors schemes, font size and readability. It is very helpful that clickable buttons are easily identified and that they take you to the correct place and also that the page is not to big so that you have to scroll up and down as well as side to side to read the page.
Accessibility in web design refers to all users having equal access and use of the website regardless of any disabilities that the individual might have. Everybody should have equal access and be able to freely use the website and compliance with the Disabilities Act or 1990.
This is good in that a rather savvy designer could create a website that is visually pleasing as well as being quite user friendly, and one that is usable on most browsers. On the other hand, a not so savvy designer could create a horrible website. It could be rather unpleasant to look at and very non-user friendly. It also could be difficult to load and view in many of he different browsers causing people to move on and not view the site.
Some advantages to creating your own website could be that it would not cost you very much if anything. You would be able to design the site exactly how you wanted it and you could also updated it as frequently as you would like. You would have control over the site ability to be user friendly to people with disabilities as well.
When hiring a professional to design your site the first difference is that you are going to incur monetary costs in building the site. You also will not have complete control over the design of the site. You may not be given all of the features and usability that you had hoped for.
A disadvantage to designing the site yourself will be the time involved and the time it takes to create the site. Doing it yourself could take quite a bit of time and energy where as by hiring a professional your time involved will be minimal and the site will be created much quicker by the hired professional.
Usability in web design refers to overall ease of the site in regards to navigation, colors schemes, font size and readability. It is very helpful that clickable buttons are easily identified and that they take you to the correct place and also that the page is not to big so that you have to scroll up and down as well as side to side to read the page.
Accessibility in web design refers to all users having equal access and use of the website regardless of any disabilities that the individual might have. Everybody should have equal access and be able to freely use the website and compliance with the Disabilities Act or 1990.
Monday, May 6, 2013
Website Evaluation
The first website that I chose is www.twiddy.com. My first reason for this site is that it is the site that I use to book my vacations in the Outer Banks, which I actually booked while on the page.
The site loads up very quickly and you are not sitting there waiting and waiting for it to load. When looking at the page the first thing I would want to do is search for the perfect place to vacation in. This is very easy to do on the page because of the options bar that is located right across the top of the page with the icons and font all being similar and in colors accordingly. The links are listed so that you are able to click and search directly according to your search criteria.
There is also a quick search area in the center of the page with full color photographs of the possible house you will be renting. You can also link very easily and quickly into a window that offers a virtual tour of the property. There is also a nicely worded section that gives a nice description of the rental company along with some of the many amenities that are offered.
They allowed for plenty of white space on the page which does not make it feel crowded and cluttered. There is a section of links that link you to media promotion and articles about the company. Across the bottom of the page are three evenly aligned block areas. One of them gives a link for testimonials from prior renters. One offers links to all of the company information, services, FAQ's and requests for literature. And the last block gives the company address and contact information.
Considering that I just booked my vacation on this site I am slightly partial to it, but overall it is a very user friendly site.
After doing a Google search for poorly designed websites I had to chose www.arngren.net. This has to be one of the worst websites that I have ever seen. It gave me an instant headache as soon as it loaded. The page is like a crap shoot. It has pictures, font, links, etc. just thrown everywhere on the page. There is not one area where something isn't plastered on. You have to scroll to the bottom and across just to see the entire page. And once you real the bottom you will see a ridiculous animated Christmas scene. There is animation tossed here and there throughout the page. Some of the animation does at least invoke a smile and an almost chuckle.
The font scattered around in a multitude of colors. There lack of consistency in size and color makes the eye just bounce from one side of the page to the other. You almost get a dizzy feeling in your head. There is no alignment of anything on the page either. Things are sectioned off in all different sizes and shapes.
They appear to be advertising the sale of a little bit of everything on the website. There is no proximity placing of the items for sale also. A few items maybe close to each other but then as you scroll down and across the page you come across more of the same or similar items for sale. Its really just a jumbled mess of everything thrown onto one page.
The page is also in a typed in the Norwegian language. However it does have a translation button that is still attempting to translate since I first went to the page. I think it is time for me to go before the headache worsens.
This is helping me to be more mindful of a page and its design layout as I look it over. I have noticed that the more I'm on the web, the more I focus on the C.R.A.P. when looking at the various web pages. I hope that all of this will help me with my own page as in not to load to much information or making it to big. I do not want the viewer to have to scroll just to read the entire page. I will be thoughtful with the font colors and sizes as well as the background color and design. I will also be consistent with my alignment and spacing of things on the page.
The site loads up very quickly and you are not sitting there waiting and waiting for it to load. When looking at the page the first thing I would want to do is search for the perfect place to vacation in. This is very easy to do on the page because of the options bar that is located right across the top of the page with the icons and font all being similar and in colors accordingly. The links are listed so that you are able to click and search directly according to your search criteria.
There is also a quick search area in the center of the page with full color photographs of the possible house you will be renting. You can also link very easily and quickly into a window that offers a virtual tour of the property. There is also a nicely worded section that gives a nice description of the rental company along with some of the many amenities that are offered.
They allowed for plenty of white space on the page which does not make it feel crowded and cluttered. There is a section of links that link you to media promotion and articles about the company. Across the bottom of the page are three evenly aligned block areas. One of them gives a link for testimonials from prior renters. One offers links to all of the company information, services, FAQ's and requests for literature. And the last block gives the company address and contact information.
Considering that I just booked my vacation on this site I am slightly partial to it, but overall it is a very user friendly site.
After doing a Google search for poorly designed websites I had to chose www.arngren.net. This has to be one of the worst websites that I have ever seen. It gave me an instant headache as soon as it loaded. The page is like a crap shoot. It has pictures, font, links, etc. just thrown everywhere on the page. There is not one area where something isn't plastered on. You have to scroll to the bottom and across just to see the entire page. And once you real the bottom you will see a ridiculous animated Christmas scene. There is animation tossed here and there throughout the page. Some of the animation does at least invoke a smile and an almost chuckle.
The font scattered around in a multitude of colors. There lack of consistency in size and color makes the eye just bounce from one side of the page to the other. You almost get a dizzy feeling in your head. There is no alignment of anything on the page either. Things are sectioned off in all different sizes and shapes.
They appear to be advertising the sale of a little bit of everything on the website. There is no proximity placing of the items for sale also. A few items maybe close to each other but then as you scroll down and across the page you come across more of the same or similar items for sale. Its really just a jumbled mess of everything thrown onto one page.
The page is also in a typed in the Norwegian language. However it does have a translation button that is still attempting to translate since I first went to the page. I think it is time for me to go before the headache worsens.
This is helping me to be more mindful of a page and its design layout as I look it over. I have noticed that the more I'm on the web, the more I focus on the C.R.A.P. when looking at the various web pages. I hope that all of this will help me with my own page as in not to load to much information or making it to big. I do not want the viewer to have to scroll just to read the entire page. I will be thoughtful with the font colors and sizes as well as the background color and design. I will also be consistent with my alignment and spacing of things on the page.
Oh Boy, a Quiz on 154
I'm going to go with option number 2 Johnny. This page is much easier to read and navigate. Everything is on the page to see unlike option A, where the page rolls and you have to scroll to read everything. The GIF's are more pleasing to the eye on option B compared to option A that has one that is rather unpleasant to look at.
The font style and size is more consistent and uniform on option B. It is rather difficult to read on option A because of the white font against a black background. The color choices on option B make for a much easier read.
The click able links are all nicely lined up vertically on the left side of option B making them easily accessible as opposed to option A where they are very large and cannot all be seen when looking at the page without scrolling down.
The font style and size is more consistent and uniform on option B. It is rather difficult to read on option A because of the white font against a black background. The color choices on option B make for a much easier read.
The click able links are all nicely lined up vertically on the left side of option B making them easily accessible as opposed to option A where they are very large and cannot all be seen when looking at the page without scrolling down.
Subscribe to:
Posts (Atom)