Benito's Personal Blog

Internet Creating is as uncomplicated as 1-2-3, claim some of the software program tools around the market that “generate” your pages for you personally. Sadly, several net designers these days have fallen prey to this marketing and advertising gimmick – as well as the results are obvious. Each now and then, one comes across a web page that looks very good with a special browser and also a certain screen-resolution; but view it which has a several browser, and also you can’t even examine the plain text on the page. Worse nevertheless, given the variety of operating methods that are employed by netizens worldwide, these pages will in no way be witnessed appropriately by much more than a fifty percent on the intended surfers.

Now let’s assume that this online page belongs to a site that sells stuff online. The incredibly simple fact that fifty percent the users can not even see the page, translates into losses worth fifty percent the amount straightaway (perhaps, even more!) I guess that makes a great situation for that raison d’être of this post! Internet Creating is, in my opinion, a cocktail of creative expertise & technical prowess – and 1 is no less important than the other.

In the following lines, I have jotted down a few points that I noticed during my on the web journeys, important from the point of view of Florida Web Design Firms. Some of them may be taken with a pinch of salt; for it is not possible to please everyone everytime. But most of them are simple enough to be applied as a rule of thumb.

1. A picture, they say, is worth a thousand words. A picture file, alas, is also almost as big. Images, no doubt, enhance the look of a page, but it is not advisable to go overboard in stuffing your page which includes a truckload of images. Most net-surfers use a dial-up connection, along with the average time to load a page should be no longer than 5 seconds. If it’s longer, the surfer will most probably click away elsewhere. So, within this time, all the images on a page must be loaded as well. So, as a rough yardstick, keep the aggregate page size less than 30k.

Another important point to note is that each file about the page requires a separate HTTP request to the server. So a lot of small images – even if they do not add up to a lot in terms of bytes – will slow down the loading a lot.

Even when you must use images for navigation, please give a second thought to the users who will not be seeing those jazzy, fantastic & truly amazing buttons that you spent hours to design. Yes, I’m talking from the ALT text attribute from the IMG tag. Do not forget to provide an Alternate Text for each image that you use for navigation. (It may be left blank for certain images that are purely for aesthetic reasons, but let that be an exception, rather than the rule.) Though not obviously apparent, ALT text can help such users immensely.

Modern browsers offer users a choice to turn off images. This gives an idea of how troublesome the unwanted images could be.

A couple of a lot more attributes that make your pages load faster are the HEIGHT and WIDTH attributes. Without these, the browser must wait for the image to download since it can not know how much space to leave for them!
2.

Navigability & functionality come before artistic excellence. It is no use making your site a masterpiece of art if users can not navigate around it – even after they reach the main page, they have no clue as to how to go where they want to go.
three.

Especially common, is a kind of navigation that some people call Mystery Meat Navigation. That means, that unless your mouse moves over an image, you have no idea where that link might take you. Only when the mouse hovers do you see the actual link. This is cumbersome because users need to move their mouse all over the place to find out which part is a link and which is not.
4.

Follow the K.I.S.S. principle: Keep it simple, stupid!
5.

Next is a quite important practical suggestion: whenever your whole page is within a TABLE, the page cannot render (i.e., the page does not show about the screen) unless the entire table is downloaded. You might have noticed this on several websites, when there is no activity for a long time, and suddenly the entire page is visible. Hence, to avoid such a situation, what you should do is this: Split the table up into two tables one below the other, and let the top 1 be a short table that displays just the page header plus a few navigation links. So now, immediately upon downloading this part of the page, users can see the page header – and this prepares them for that long wait ahead, as well as keeps them from leaving your web site to go to other sites, in situation of a slow connection.
6.

The ongoing browser wars have left only a single casualty – the user. As a word of caution, stay away from all browser-specific functions. Because if a certain feature is supported by 1 browser, it will most definitely not be supported by another. Where you must use such features, it should not hamper the display in the page in the other browser which does not support such functionality. In other words, your page should degrade gracefully.
7.

Creating a new browser window should be the authority of the user only. Do not try to popup new windows to clutter the user’s screen. All links must open in the same window by default. An exception, however, may be made for pages containing a links list. It is convenient in such cases to open links in another window, so that the user can come back to the links page easily. Even in such cases, it is advisable to give the user a prior note that links would open in a new window.
8.

Keep in mind the fonts-challenged users too. The ultra-jazzy “Cloister Black MT Light” font that looks so amazing on your machine may well be degraded into plain old Times New Roman on your user’s machine. The reason? He/she does not have the font installed on his/her machine – and a single thing’s obvious – there’s nothing you can do about the situation, sitting halfway across the globe from them.
9.

Stay clear of out-of-the-way hard-to-find fonts. Use plain vanilla fonts like Arial, Verdana, Tahoma, and Courier. If need be, make your jazzy fonts into an image and put that around the page. (and while you’re there, do not forget Tip #1.)
10.

A new design trick that is increasingly being utilized within the net has caught my fancy: It is a really functional navigation bar that guides you across all possible paths within the internet site. It looks something like this:

Home > Section > Subsection > Page

What better than to give your users a handy way of visiting just about any other page on your own web site, and informing them where they are!
11.

Another new trend around the internet is not all that inviting – various vendors come up with “revolutionary plug-ins” and undoubtedly, most amateur internet designers jump up to spruce up their pages using them. The reality is that most people won’t have them installed, and wouldn’t care about it anyway. Come to think of it, have you seen plug-ins on any with the most popular sites, including Yahoo.com, Amazon.com or Google.com? It’s simply not the best thing to do. Mention must be made here of Macromedia’s Shockwave Flash plug-in, which has now made its way onto most computers these days, and thus presents no harm in using vector animation on your web site.
12.

Java is yet another often-misused technology on webpages. Use Java as a utilitarian programming language, not as a graphics front-end for your photos/images. There are various things you can do with Java; that does not mean you should do all of them. Java applets are known to run slower, so users experience a certain sluggishness in performance. And worse even now, Java has been known to crash certain browsers. This is not something everyone likes, especially if it is done for the sole purpose of showing a set of images in a slideshow!

The moral: Use it, but with discretion.
13.

By no means underestimate the importance of those META tags. They can make all the difference between your users coming to your web site and going to your competitor’s – just because they couldn’t find yours. Search Engines heavily rely upon the Keywords & Description Meta tags to populate their search database. And once again, use discretion in writing these. Including a huge variety of keywords for the same page can spell trouble. The description should be a small, meaningful summary of the whole page that makes sense even when witnessed out-of-context from the webpage itself, say, in a listing of search engine outcomes.
14.

Along with the final point that summarizes all the points so forth: Write for all browsers, all resolutions, and all color-depths. If you show people pages that look best with their own browser and their own resolution, that makes them feel “at home”, and you get a better response. Compare this having a website that proclaims “Viewed best with Browser X at a resolution of 1024×768.” I’ll give you a choice between two options when you see such a page: download the suggested browser (which might well be over 50 Megs), then go get a new monitor that supports the high-resolution, and then adjust your screen setting so you get the perfect picture. Or simply click away to another website. Which do you prefer?

The net waits for no a single. And furthermore, the user is king. Try your best to keep the user happy. And to keep all users happy. For, a very good web site is like a superior storefront – it can mean all the difference between a casual surfer plus a serious customer.

View Source

I get anxious in particular environments. The causes for this can vary from common disorganization, to bad lighting or clashing colours, but the biggest culprit is typically clutter. Clutter will be the stuff that has no “place,” doesn’t belong with its surroundings, and serves small to no goal. It’s not that I am a clean-freak, it’s that I’m a designer, and I have a heightened sensitivity to items which might be out of place or irrelevant. When disorder reigns, I get uneasy, anxious, even dizzy. On occasion, it gets negative sufficient that I sense the sudden urge to flee as rapidly as possible.

Sometimes I get the very same experiencing when I am surfing the online. All people feels this sensation to some degree, and it triggers the “fight or flight” response hard-wired into our brains (stay here and battle via this mess, or get out as rapid as you’ll be able to). It really is no wonder most internet internet pages are abandoned inside a couple of seconds of viewing.

Messy versus Clean

Whether or not intended or not, a person’s home along with the way he presents it are physical manifestations of his personality just as the pattern and content material of a corporate web site are virtual manifestations of the brand. Environments, each real and virtual, impact human perception and behavior.

Clutter comes mostly from a few sources. Like a natural progression, a property along with a site seem to accumulate things. At the identical time, these are rarely purged of non-essentials. There’s also the “design by committee” effect exactly where all people from every department wants their details front and center. It’s better to decide what is most crucial and supply simple access to the rest. Inside a living room, the kids’ toys ought to be contained in a designated basket or toy chest, whilst on a typical corporate site, the HR data really should be kept within the HR page. A lot of people are certainly not coming towards home page to look for employment.

In someone’s household, a speedy escape just isn’t usually effortless, but on the homepage, the “back” button is just a click away. If a website is much like a residence, and its pages are like rooms, and men and women want visitors at their homes, how do they make visitors think cozy plenty of to stay? And come back again again? How do we as designers produce environments to attract, comfort and retain visitors? They are the things each interior and internet designers stew through.

Visual Elements: With a internet site, color, typography, iconography as well as other imagery ought to be regarded as cautiously as an interior designer considers surfaces, furnishings and art. Are they proper for the target user? A website targeting “metal heads” won’t appeal to its market if it truly is bathed in soft pastels and cutesy typefaces.

Colour: There are ideal uses of shade for particular messages targeted at particular end users. As soon as an proper color palette is defined, a designer can use it to direct consumers to certain content, organize that articles, and generate an suitable environment. Too numerous colours, shades that clash, or use of too significantly powerful shade can make a space think cramped and cluttered.

Typography: Too a lot of typefaces in a person place is much like cramming a room with furnishings from distinct eras. Stick to some theme, and website visitors will probably be far more comfortable and get a superior sense of the message the variety is sending.

Imagery: We have all seen world-wide-web pages with the cheerful buyer service woman, or the close-up in the two hands shaking – “closing the deal.” This can be clutter, just like the faded Matisse prints we hung on our walls in college with scotch tape. Imagery (photos, illustrations, icons) ought to enrich an setting by promoting a message or experience. Imagery gets clutter when it serves no purpose, lacks good quality, or is poorly introduced.

Articles: A clearly defined hierarchy of info is important to helping people realize what a web site needs to provide and acquiring the info they seek. If too several elements are shouting at visitors (flashing, bold, substantial, bright….), these are likely to become overwhelmed and move on. Internet sites that have a clear focus and logically organize much less vital messages and factors present a more approachable environment. Details that’s presented with a person voice and sticks to information is much more probably to keep viewers engaged and confident.

Navigation/User Feedback: A residence is normally set up with its rooms in logical locations; the entry way generally does not lead with a bedroom. The very same is true for a well-designed website. If a visitor needs to consider wherever they can click to obtain far more information, or click as a result of several internet pages to obtain to specific information, they’re not most likely to stick around. The best world-wide-web web-sites obviously map out what facts is accessible where by, and lead viewers to essential content via subtle feedback, like buttons or text that highlight when the mouse travels around them.

The bottom line is “web clutter” impacts a business’ bottom line. It has been effectively documented how clutter can drain us of time, energy, and trigger strain. When regarded inside realm of the internet, cluttered net webpages make finding information challenging and result in abandonment. Net websites which are “sticky” present viewers using a comfy and organized surroundings and logical organization of content that assists viewers comprehend what’s available and where by to discover it. The objective is usually to develop an organized “home” with only the needed issues in their logical places to let shoppers to discover what they’re seeking.

Ahhh. Peace at home and on the homepage by means of good style.

View Source

For numerous business areas, the Web has set a brand new standard and changed the playing field. To take advantage, you will need a web site. But where do you start off?

Internet Sites…In The Beginning

Your very first thoughts concerning a online web page are guaranteed to become misplaced. When you have a recent company you would like to produce a site for, you might be viewing it employing methods you’ve got designed from the brick and mortar planet. In case you have decided to start out an entirely new organization on the web, you happen to be probably brainstorming about potential ideas. If you desire to stay clear of wasting time and income too as important frustration, you require to recognize that both approaches are simply, utterly, genuinely wrong! Nicely, most with the time.

If you’ll be able to accept that statement, you can steer clear of the errors millions of smaller and enormous corporations have produced. You don’t want to be like that frustrated individual you met at some party who got killed on the world wide web. As tough since it will be, you must accept the fact you fully grasp nothing about e-commerce. If you can examine your ego and opinion at the door, you might be half way to generating profits. Assuming you haven’t hit the back button, let’s speak in regards to the important matter.

There may be one word to memorize if you would like to own a effective website – Exploration. Don’t be concerned, it isn’t difficult to try and do. Imagine if you could discover what each of the men and women with your city think of when they have a trouble your enterprise can solve? Think about you new the exact phrases they thought of most generally. The data would be worth greater than its weight in gold. Far far more. On online, you’ll be able to get this data.

The most important step you, I or any other person will take in beginning a web site is first determining if we have to! To let the cat out on the bag, you can find greater than several industries that don’t do effectively on the world wide web. The business just doesn’t translate perfectly or folks prefer to touch the item or speak towards the particular person. Wouldn’t you hate to commit thousands of dollars or even a couple hundred hours working on a internet site only to uncover there is no interest on the internet? It could well be maddening, not to mention putting macaroni and cheese front and center in your diet.

The very best method to deal with this matter is always to use a web site named Wordtracker. Wordtracker is usually a brilliant, cheap plan. You enter a search phrase, click and it tells you the many phrases being utilised in searches that include things like that search phrase. It also tells you how numerous searches happen for each keyword phrase in the 24 hour period. Do you realize the value of that?

Assume you could have an current enterprise that sells purple balloons for weddings. You happen to be budgeting a bunch of time or cash to own a website built. Getting study this write-up, you go to Wordtracker and do a test for “purple balloons.” You uncover you will find only 50 total searches a day for all probable key phrase phrases. You now know the internet site isn’t well worth pursuing. Unlike most companies, you’ve saved a whole lot of income including a whole lot of time.

Huge and small corporations have crashed and burned around the Web simply because they in no way took the time to determine if there was a market for their product or service or service. Now we know you aren’t going to make the identical mistake.

View Source