10 Tips on Developing and Designing your Website

For three years, I have done a lot of web site application and most of them are corporate sites. So I thought of sharing some of the things I have learned from my work. Let's start by differentiating the term web designer and web developer. It should be clear that this two jobs are related to each other but not similar.

Web Designer vs. Web Developers

Web designer usually handles the front-end of the site. They are the ones who are concerned with the user interface (UI) of the website, basically they are the artistic people who knows the tricks and techniques of CSS and scripting that they can use on the browser wars.

On the other hand, web developers are the ones assigned to the back end of the site and doing the logic behind. They are the ones who used their brain cells on making the site work and as well as protect the it from invaders (technically called spams and other bots that tries to harm the site).

1 - First screen without scrolling is important (aka 'Above the Fold' )

Basically this defines the first impression a visitor sees everytime they see your site. It is a rule of thumb that they should know all the information about your site without scrolling down. The upper part should always explain or at least give a brief description on what to expect on your site. Avoid too large banners that almost occupy half of the screen. Put all menu and navigation on the upper part of the site and make sure it is visible enough for the users to see. Place all non-important things below or on other pages. Do not place them on the top unless you want it to be seen intentionally.

Thanks Harrison for the term 'Above the Fold'. :)

2 - External Files

This applies to all your scripts and styles. It is advisable to use external files instead of placing them inside your HTML (or whatever you are using) to customize your site. Why? Usually this is used to boost the speed of the sites. External scripts are saved on cache and so the next time you visit the said site it would be faster than the first time.

Now what if you're using blogger for your site host, well you can use other third party services to generate external scripts that you can call anytime. You can try Pastie by Josh Goebel for example, this generates text files that you can access from your site so that you can use it for your scripts and styles.

3 - Know your image well

Portable Network Graphics or PNG are the most common image type being used on web sites. It is because the said type supports transparency and is more convenient to use because it is smaller than using Graphic Interchange Format or GIF.

But upon using this, make sure that you know the consequence of this. There is actually an issue about PNG's transparency on Internet Explorer. Reports said that the previous version of IE doesn't support the filter that fixes this issue. There are lot of tutorials on the net that solve this issue, some of them uses CSS while others use javascript. As a developer, I don't recommend javascript solutions since these can be disabled on browsers. For CSS here is the porperty to add to resolve the issue:

...
view plainprint?

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
...

See this report on how to properly use it.

4 - Flash are good but is not advisable at all times

So you want to add flash on your site? Think twice. It is now very common that you'll receive visitors who are using mobile browsers to surf the net. Most of this mobile browsers doesn't suppport such file types and thus will just ruin your site on the said browsers

Another problem is that flash, which is commonly on SWF format, have issues on web designing. These files always comes to the top part of your site (foreground). So even if you use your z-index property knowledge, it won't go on the background of your other items. To resolve this you can always use the wmode property of flash files when you are trying to embed them.

5 - Make sure that your site is readable

Most of the time, this is the issue I'm getting. People are always telling me that the fonts are too small or too big. Actually there are no rules on using font-size. The issue arises depending on the audience you are trying to target. Usually you can use larger fonts for older people, on the other hand, I usually use 12 to 14 px for corporate sites.

Font-styles are also important to consider. Make sure that they are READABLE. Don't use Monotype Corsiva or Wingdings. Most of the time Arial, Times New Roman or Calibri are used for sites, others are just too much for sites and are not advisable. Courier are used for source codes and typewritten type of letters, leave it to those kind of blocks and never use them on your site.

Know how to use bold and italic letters, avoid using them regularly and never (as in never) use them as a default font for your site.

6 - Be careful with client-side scripts

Javascripts and JQuery are common on web developing and web designing. But before adding this, make sure that you know the consequence of using this. There are actually some browsers and users that are blocking this scripts for their protection. Make sure you know how to handle this cases especially if these scripts does a lot of important actions on your site.

During this case, noscript tags can be helpful.

7 - Anything you post on the web can be stolen

It is a stupid fact that everyone should know. I actually have a client before that wants her files to be protected in a way that no one can download it.. well for me it is stupidity!

As I have said, almost everything you see on your browser are being stored on cache, and how do they do it? the browser downloads it and saves it as temporary files for future use. So that's it! It needs to be downloaded so that it can be shown on the screen. So if there is something you don't want others to see.. Store it on your hard disk, unplugged your computer, place it inside a drum, cover it with cement and bury it. That way no one can steal your files! >:-)

8 - Place all scripts below the page

Make sure that the content is always above the unnecessary scripts. The reason why the visitors visit is because they want to see the content of your site. By placing the scripts below, users will be able to see your contents even if the page is still loading.

9 - Dress properly

Sites are like a product selling himself or a person attending a party. They need to look good depending on the occassion. Make sure that the colors blend together, unless you're selling "colors" on your site. Usually, 1-3 colors are enough for corporate sites. For kiddy sites, pastel colors work well.

Again, choose your colors right!

10 - Make it interactive

It's now the era of Web 2.0, interaction is a must! Visitors needs to interact to your site. Leave reading to books and encyclopedia. Viewers need to be somehow entertained while they are viewing your site. Add things that they can click like social sharing or social bookmarking buttons. If you can't add something like that, at least add some moving objects like animations. Anything that would catch attention so that users can continue reading.

Last and most important of all, though speed is our top priority we always need to make sure that everything works fine, errors are handled well and all unexpected cases are catch nicely (expect the unexpected as they always say). Now, when you are sure that everything works as you want it to be, then it's time to worry for speed. Happy developing! :)

~ Aji Banda

• Reference/Source: Ajibanda.blogspot.com by Aji Banda [8/03/2011]



About Beneath the Tree A collection of algorithm, code and other programming methods. Includes programmers' point of view, interests and game reviews.

About Aj Banda, the author
I'm Aj but some calls me aji. I'm a web programmer and a blogger. I used my blogs to share my knowledge to the world but most of the time it serves as a reference of my previous algorithms and source codes.

10 Basic Strategies to be a Star Blogger/Webmaster

I found this post at Aboutus.org which is very helpful for newbie bloggers and I like the idea of adding it to our lists.

If you’re looking to make your content stand out from the bland content so prevalent on other website, you’ll need more than just writing talent. You’ll need to think outside the box – and you can start by trying these 10 ways to get noticed in your industry.

Here's Top 10 Basic Strategies to be Star Blogger/Webmaster

1 - Make friends with people who have already been noticed.

Being friends with someone isn’t just about adding them to your Facebook page, Twitter follows or Delicious networks. It’s about interacting with someone on a semi-regular basis, whether you’re offering them ideas, acknowledging their professional contributions, or just saying hello. If you’re friends with important people in your industry, chances are they’ll pay more attention to what you publish, and will be more likely to share it with their own networks.

2 - Start small.

If you’re nervous about approaching the big names in your industry, don’t be afraid to start smaller. Join the Linkedin group of a company with interesting executives, follow big names on Twitter, and attend events where industry leaders may also be present, so you can introduce yourself by askig questions or sharing in an open forum. You never know what other interesting people you’ll meet during the networking process.

3 - Be authentic.

The Internet is crawling with scammers, and you sure don’t want to be mistaken for one. Make sure that all of your social profiles have (appropriate) photos of you. Add enough personal details – even if you’re a very private person – so that people can get a feel for who you really are. In a digital world filled with people’s most intimate information, the bar has been raised, and you need to share a few genuine bits of yourself to seem authentic and real.

4 - Do something different.

One of the best ways to attract attention is to push the envelope a bit. If you write about cooking, try making a week’s worth of meals with a single ingredient as your staple, and record your recipes and experiences. If you write about home organization, try living with unorganized people to see if you can change not just the look of their home, but their entire way of life. Documenting your unique experiences in words and photos will help you attract attention just because your content will be truly unique – no one else can replicate it.

5 - Write for retention.

There’s no question that you should write with first-time visitors in mind – you want them to be able to orient themselves quickly and understand what you have to offer. But it may be even more important to write for your established readers, so they’ll want to come back again and again. You also want people to feel like you offer ongoing value, so they’ll share your work with their own friends and colleagues. Don’t hesitate to refer and link to your past publications. That helps new visitors get a feel for your world and expertise, while reminding regular readers of what they’ve already read on your site, and helping them catch up on what they’ve missed.

6 - Stand out on the page.

Chances are good that your website has more than just straight text. In addition to the design elements that are necessary for every web page – for example, navigation menus - you may have advertisements, links to partner websites or prominent buttons and links to other pages on your own website. Nevertheless, the page must be designed properly so your message doesn’t get swallowed up by peripheral information. After all, it’s not enough to drive people to your website – you need to make sure they stay there, absorb what you are offering and participate in the conversation.

7 - Optimize your writing for search engines.

It’s not easy to get your website ranking high in search results - but if you can, this is a great way to get noticed. Your best bet is to write without even thinking about search engine optimization, and then to edit carefully for your important keywords. This method lets you get your thoughts in order without worrying too much about word choice or repetition. Make sure you use your important keywords in the title and several times in the first 250 words. That will help your piece rank better in results for searches on those keywords.

8 - Use infographics.

Infographics can be charts, cartoons or Photoshopped images that help tell your story. While you may feel infographics take attention away from your writing, they do help readers who aren’t going to take the time to read your entire piece. As a bonus, infographics look great in the Facebook news feed, and they’ll win you extra attention there.

9 - Spread the love.

If you want to be respected in your industry, you’ll need to show that you recognize other people’s meaningful contributions – and you’re not afraid to share them. In fact, I’d argue that your loyal readers could get bored if you share only your own take on industry issues. Introducing a conflicting opinion – even a controversial one – can spark a lively conversation, while offering a complementary view can support your own viewpoint. Added bonus: When you generously share and link to other people’s work, they’re often kindly disposed towards you, and may link to some of your work later on.

10 - Use your social network.

If just a few friends share your article, and they in turn share the article with a few of their friends, and those friends share with their friends, you’ve got the beginnings of a viral spread. It’s important to note that a piece can go viral like this only if you write about something that’s relevant to a wide audience.

If your core area is pretty specific, see if you can occasionally create a piece that has appeal for a wider audience – even if it’s not something they’d normally read about.

• Reference/Source: Aboutus.org by Sari Holtz [May 12, 2011]

About

Sari Holtz of DailyForex.com

Sari Holtz is an internet marketing veteran who works as the optimization manager for DailyForex.com, a website that offers Forex reviews, trading resources and financial news.