"High Quality Sustainable Conception and Visual Design for Global Communication"
Monday, June 27, 2011
Thursday, March 3, 2011
Web Design Tips & Advice from A to Z
This is a guest article from Natalie Schnotz*. Enjoy her web design tips.
–
Avoid flashy multimedia. Flashy graphics and multimedia may look nice, but they can make it hard for your visitors to get the information they want from your site, especially when viewing from a non Flash compatible device.
Browser compatibility. Make sure you check your page on Internet Explorer, Firefox, Opera, Safari and Netscape Navigator & their different versions. These five web browsers make up about 95% of the world’s browsers. So, test your site out on each of them.
Clean layout. Don’t fill your page up with ’stuff’. White space is good – it enhances the look of your site. Try to keep your content as the focus of your site. Use fonts that will be available on all computers so your page doesn’t end up looking messy.
Design for all screen resolutions. If you design stretch layouts that can fit any screen resolution, you can ensure all your visitors see a visually appealing and professional site. A site that is easy to use and appealing to the eye will encourage your visitors to stay longer.
Exclamation points! Typing millions of exclamation points doesn’t make your statement any more important than if you use just one!!!!!!! See, I told you.
Frames. Don’t use frames. While frames make it easy to have the same header or menu appear throughout the site, the address bar doesn’t change when you go from page to page – making it impossible for someone to link to a specific page.
Grammar and spell checker. Sure, people who are not good spellers will never notice you spelled calender (spelled calendar) wrong but literate people will notice. Try your best to fix up your spelling & grammar.
Hotlinking. Any pictures or music that you link to should be hosted on your own server. Don’t hotlink to other site images – it’s typically considered theft of bandwidth and you could be violating a copyright.
Identity. Ensure your site has a brand identity that reflects your brand values. Try to avoid cliche stock imagery.
Just keep swimming. (Yes, that’s a Finding Nemo reference.) Don’t give up. Sometimes your ideas won’t work, but just keep swimming. Today people tend to quit or give up too easily. With a little hard work, you’ll find most of your ideas are actually possible.
Keep learning. Stay up to date with news by reading design blogs or try learning a new web language. There is no reason to stop learning about web design just because you’re page is up and running with decent traffic.
Load time. Make sure that your load time is low. In our fast-paced world, we don’t like to wait. I want to see your web page and I want to see it NOW. Try minimizing graphics, flash and scripts as they increase your file size. Also, make sure to optimize your code and delete any unwanted tags or unused scripts.
Minimize clicking. Put as few clicks between your visitor and your information as possible. The more you force your visitors to click around your site, the more you are telling them to go away.
Navigation. Site navigation plays a huge role in determining how long visitors stay and explore your site. If you have an easy to use navigation system, you’ll keep your visitors around longer.
Organization. The way you organize your content, is as important as what your page looks like, so spend some time on it. If your readers can’t find what they are looking for, they’ll just go look someplace else.
Page length. While you want to make sure you put a lot of information on each page, don’t go too far by putting too much information. If you are posting really long articles, try chunking them into separate pages with six or seven screenfuls to each page.
Quit stealing content. Don’t copy and paste text from another website without asking the site owner for permission. Search engines know if you are copying content and they don’t like it – they’ll lower your page rank without asking any questions. See SEO tips.
Readable text. Make sure your text is big enough to read. I know, you’re probably thinking ‘thank you captain obvious.’ Well, I hate to state the obvious, but I am amazed at the number of sites I go to that I have to squint to read. Please, don’t punish me for actually wanting to read your content.
Scalability. Make sure that your design and coding are scalable. Technology is changing rapidly, screens are getting larger (and smaller too), making it hard to test your site on all screens and platforms. Making a scalable site is crucial with the way technology is constantly changing.
Text lines. Learn a lesson from the newspapers. The reason why newspapers print articles in columns is because it makes the lines short and easy to read. So, as a general rule of thumb, no line of text should be more than about 600 pixels wide.
Use contrasting colors. It’s hard to read dark text on a dark background and light text on a light background. I know this tip is obvious, but remember that some color combinations just don’t work.
Valuable content. Give your visitors a reason to stick around. Provide them with valuable content. They’ll be happy and keep checking out your site.
Windows. It’s a good idea to pop up brand new windows for external links – that way your reader can continue reading your content and look at the other site. However, if you are directing them to another page on your site, use internal links. Opening links in new windows means that after five clicks within your site, your reader has six windows open cluttering their screen.
Editor’s note: This has has been debated before and I personally prefer having all windows open in the same browser.
eXplain what you’re linking to. Don’t just put a link in the middle of your article for no reason. Take a second to tell your readers why you think they should click the link. By telling them what you are linking to, you are giving them a chance to decide if they really want that extra information.
You don’t need permission to link. There is no reason for you to contact the site owner asking if you can link to their site. The reason their page is online is because they want to share it. So, if you want to link to a site… just do it.
Z - Z is a letter that Americans use in such words as ’specializing’ and ‘criticize’ however you should be aware that other countries spell these words with an ’s’. Brush up on your spelling differences, so you’re not later criticized.
*Natalie Schnotz is a recent graphic design graduate and an avid writer. When she’s not on her computer designing, you can find her reading fantasy books, crafting and cooking with her chef husband.
Have you got any further web design tips to add?
–
Avoid flashy multimedia. Flashy graphics and multimedia may look nice, but they can make it hard for your visitors to get the information they want from your site, especially when viewing from a non Flash compatible device.
Browser compatibility. Make sure you check your page on Internet Explorer, Firefox, Opera, Safari and Netscape Navigator & their different versions. These five web browsers make up about 95% of the world’s browsers. So, test your site out on each of them.
Clean layout. Don’t fill your page up with ’stuff’. White space is good – it enhances the look of your site. Try to keep your content as the focus of your site. Use fonts that will be available on all computers so your page doesn’t end up looking messy.
Design for all screen resolutions. If you design stretch layouts that can fit any screen resolution, you can ensure all your visitors see a visually appealing and professional site. A site that is easy to use and appealing to the eye will encourage your visitors to stay longer.
Exclamation points! Typing millions of exclamation points doesn’t make your statement any more important than if you use just one!!!!!!! See, I told you.
Frames. Don’t use frames. While frames make it easy to have the same header or menu appear throughout the site, the address bar doesn’t change when you go from page to page – making it impossible for someone to link to a specific page.
Grammar and spell checker. Sure, people who are not good spellers will never notice you spelled calender (spelled calendar) wrong but literate people will notice. Try your best to fix up your spelling & grammar.
Hotlinking. Any pictures or music that you link to should be hosted on your own server. Don’t hotlink to other site images – it’s typically considered theft of bandwidth and you could be violating a copyright.
Identity. Ensure your site has a brand identity that reflects your brand values. Try to avoid cliche stock imagery.
Just keep swimming. (Yes, that’s a Finding Nemo reference.) Don’t give up. Sometimes your ideas won’t work, but just keep swimming. Today people tend to quit or give up too easily. With a little hard work, you’ll find most of your ideas are actually possible.
Keep learning. Stay up to date with news by reading design blogs or try learning a new web language. There is no reason to stop learning about web design just because you’re page is up and running with decent traffic.
Load time. Make sure that your load time is low. In our fast-paced world, we don’t like to wait. I want to see your web page and I want to see it NOW. Try minimizing graphics, flash and scripts as they increase your file size. Also, make sure to optimize your code and delete any unwanted tags or unused scripts.
Minimize clicking. Put as few clicks between your visitor and your information as possible. The more you force your visitors to click around your site, the more you are telling them to go away.
Navigation. Site navigation plays a huge role in determining how long visitors stay and explore your site. If you have an easy to use navigation system, you’ll keep your visitors around longer.
Organization. The way you organize your content, is as important as what your page looks like, so spend some time on it. If your readers can’t find what they are looking for, they’ll just go look someplace else.
Page length. While you want to make sure you put a lot of information on each page, don’t go too far by putting too much information. If you are posting really long articles, try chunking them into separate pages with six or seven screenfuls to each page.
Quit stealing content. Don’t copy and paste text from another website without asking the site owner for permission. Search engines know if you are copying content and they don’t like it – they’ll lower your page rank without asking any questions. See SEO tips.
Readable text. Make sure your text is big enough to read. I know, you’re probably thinking ‘thank you captain obvious.’ Well, I hate to state the obvious, but I am amazed at the number of sites I go to that I have to squint to read. Please, don’t punish me for actually wanting to read your content.
Scalability. Make sure that your design and coding are scalable. Technology is changing rapidly, screens are getting larger (and smaller too), making it hard to test your site on all screens and platforms. Making a scalable site is crucial with the way technology is constantly changing.
Text lines. Learn a lesson from the newspapers. The reason why newspapers print articles in columns is because it makes the lines short and easy to read. So, as a general rule of thumb, no line of text should be more than about 600 pixels wide.
Use contrasting colors. It’s hard to read dark text on a dark background and light text on a light background. I know this tip is obvious, but remember that some color combinations just don’t work.
Valuable content. Give your visitors a reason to stick around. Provide them with valuable content. They’ll be happy and keep checking out your site.
Windows. It’s a good idea to pop up brand new windows for external links – that way your reader can continue reading your content and look at the other site. However, if you are directing them to another page on your site, use internal links. Opening links in new windows means that after five clicks within your site, your reader has six windows open cluttering their screen.
Editor’s note: This has has been debated before and I personally prefer having all windows open in the same browser.
eXplain what you’re linking to. Don’t just put a link in the middle of your article for no reason. Take a second to tell your readers why you think they should click the link. By telling them what you are linking to, you are giving them a chance to decide if they really want that extra information.
You don’t need permission to link. There is no reason for you to contact the site owner asking if you can link to their site. The reason their page is online is because they want to share it. So, if you want to link to a site… just do it.
Z - Z is a letter that Americans use in such words as ’specializing’ and ‘criticize’ however you should be aware that other countries spell these words with an ’s’. Brush up on your spelling differences, so you’re not later criticized.
*Natalie Schnotz is a recent graphic design graduate and an avid writer. When she’s not on her computer designing, you can find her reading fantasy books, crafting and cooking with her chef husband.
Have you got any further web design tips to add?
Sunday, February 27, 2011
Change
All changes, even the most longed for, have their melancholy; for what we leave behind us is a part of ourselves; we must die to one life before we can enter another.
-Anatole France
-Anatole France
Education
Art Institute Of Las Vegas
Henderson,NV
Bachelor's Degree
Web Design and Interactive Media
2009 - Present
International Webmasters Association, American Institute Graphic Artists, Crimson Scholar, Two times on the President's Honor Roll / Five times on the Dean's Honor Roll
College of Southern Nevada
Associate's Degree
Graphic Arts
2009-Present
New Mexico State University-Alamogordo
Alamogordo,NM
Associate's Degree
Graphic Arts
2005 - 2009
Phi Theta Kapa, Crimson Scholar
Henderson,NV
Bachelor's Degree
Web Design and Interactive Media
2009 - Present
International Webmasters Association, American Institute Graphic Artists, Crimson Scholar, Two times on the President's Honor Roll / Five times on the Dean's Honor Roll
College of Southern Nevada
Associate's Degree
Graphic Arts
2009-Present
New Mexico State University-Alamogordo
Alamogordo,NM
Associate's Degree
Graphic Arts
2005 - 2009
Phi Theta Kapa, Crimson Scholar
Skills
| CREATIVE SKILLS: • Digital Photography • Photo editing and manipulation • Page layout, Bulletins, Business Cards, Posters, Calendars, CD Covers • Web design and layout • Typography | TECHNICAL SKILLS: • Adobe Photoshop, Illustrator, Indesign, Flash, Dreamweaver, Acrobat • HTML, CSS, PHP, mySQL(DataBase), WordPress, JavaScript, ActionScript • Usability, User Centered Design, Prototype, Web Site Testing • Video and Audio Editing, Premiere Pro, After Effects, SilverLight, Encoding • Mac and PC Proficient |
About Me
© Copyright 2010 RGBelanger
From a very early age, I was aware of my ability to portray the world in front of my eyes in a realistic way, but as life passes, the discovery of worlds which exist beyond your eyes is inevitable.
Looking forward to becoming part of the world of Graphic Arts, I realized I had an overwhelming desire to reach the world which made me suddenly realized that by implementing the World Wide Web into my work was entering a world where anything can happen and anything can be done. In the design of a Web Site, your vision can be taken and heard throughout this amazing World.
I believe having an eye for art and the ability to create art is a gift which we should cherish and nurture forever. Since the beginning of time, we have used art as a way to express ourselves and bring one’s imagination and perspective to reality for all to see.
I would love the opportunity to help you create your vision and to reach the world with that vision, whatever that may be.
My Creations
The Forbidden Question:
Evolution vs. Creation
Movie Mania Website
Nature's Choice:
A Massage Therapy WebSite
RGB VisualDesign
The Las Vegas Box Office!
Flash WebSite:
A personal website
Color Theory in Flash
Photo Gallery
Winds of Freedom:
A Perfume Website
LoneSome Dove/ Wild Hogs Movie
A MashUp
Women Of Diversity
RGBVisualDesign
Evolution vs. Creation
Movie Mania Website
Nature's Choice:
A Massage Therapy WebSite
RGB VisualDesign
The Las Vegas Box Office!
Flash WebSite:
A personal website
Color Theory in Flash
Photo Gallery
Winds of Freedom:
A Perfume Website
LoneSome Dove/ Wild Hogs Movie
A MashUp
Women Of Diversity
RGBVisualDesign
This was an assignment in IMD414-Dynamic website, Winter 2011
© Copyright 2010 RGBelanger
Week 11 - Career Advancing Projects
The objective of this assignment is to recreate the Lasvegasmovieinsider.com website; to create a website that is fun and delightful so that the visitor would want to spend time there and return on a regular basis. The site is a place for people to get current, relevant information on movies, events, and contests that are happening in their neighborhood. It is a site where people can input their own information, thoughts, experiences and wants.
The goal is to gather emails and demographic information to create a database with lists and sublists shich have specific purpose and function and to have each sublist focus on a tightly targeted niche. The way to gather this information is to use involvement devices which get people involved and to have them interact with the site. One of the most important things you want to do is to have people opt-in, only putting those on your list who requested that you do so remembering that quality is more important than quantity. You want to create lists of people who you know are going to respond and are going to be loyal.
After creating a database, the way that revenue will be made is to use this list to promote local businesses. By going to local businesses and offering to promote their business by advertising them as the spot that people can go to pick up free tickets to the movies. The local business will get a set amount of movie tickets to hand out to people on a date and time of the local businesses choosing which will be advertised through the movie website. On this date, the local business can use this opportunity to offer specials to promote and sell their own products.
Because our lists are focused on tightly targeted niches, we can send people to businesses which offer products that these people are interested in making what we offer more efficient and beneficial not only to the local business, but also to the people we are involving.
The concept is a win-win situation. We make money, the local business makes money and the people reap the benefits of all that we have to offer.
The goal is to gather emails and demographic information to create a database with lists and sublists shich have specific purpose and function and to have each sublist focus on a tightly targeted niche. The way to gather this information is to use involvement devices which get people involved and to have them interact with the site. One of the most important things you want to do is to have people opt-in, only putting those on your list who requested that you do so remembering that quality is more important than quantity. You want to create lists of people who you know are going to respond and are going to be loyal.
After creating a database, the way that revenue will be made is to use this list to promote local businesses. By going to local businesses and offering to promote their business by advertising them as the spot that people can go to pick up free tickets to the movies. The local business will get a set amount of movie tickets to hand out to people on a date and time of the local businesses choosing which will be advertised through the movie website. On this date, the local business can use this opportunity to offer specials to promote and sell their own products.
Because our lists are focused on tightly targeted niches, we can send people to businesses which offer products that these people are interested in making what we offer more efficient and beneficial not only to the local business, but also to the people we are involving.
The concept is a win-win situation. We make money, the local business makes money and the people reap the benefits of all that we have to offer.
Subscribe to:
Posts (Atom)