Archive for the 'Usability' Category

Google Chrome : yet another browser to test against

Google has released their own take of a browser : Chrome a couple days ago. In addition to the much hyped multi process tabs, the simple straight forward design, i think the incognito mode is quite interesting. That mysterious looking spy in thrench coat image on the top left of the browser window does makes your private browsing ‘experience’ feel more secure… But just make sure that there’s nobody standing  behind.

So great, now i have another brand new browser to test against. The first thing i did was to load up all of our sites and web app into the browser for a test run. Everything worked as expected. There’s a slight design issue with our main site when viewed in Chrome but this was also expected since the problem is caused by hacks that I use to make the layout IE  compatible (IE still sucks).  If your coding is standard compliant, then you don’t have to worry.

I dont know how many browsers does other developers/designers  usually test against but for now i’m fine w/ Firefox, Chrome, IE, Safari, Opera.

You can get the IE standalone browsers over here : http://browsers.evolt.org/?ie/32bit/standalone

If you’re very ambitious to test your stuff against more browsers, Evolt has a good collections  of browsers for download : http://browsers.evolt.org/

If you’re not too fond of downloading gazillions of browsers  into your PC, and you’re only testing the layout, you can get a screenshot  of your sites in multiple browsers (more than 46!) here : http://browsershots.org

Else, just test in Firefox. If it’s OK in Firefox, it should be OK in almost all major browsers (but probably not in IE)

End curly bracket


Share

2 Invalid Reasons To Use Tables For Layout

I stumbled an interesting write-up about top websites that are still using tables. No, the commentaries are not that interesting (using tables doesn’t mean that these websites are not adhering to the design trend), but the writer’s effort must be commended.

It’s nice to see which big-guns are adopting CSS to the max. But more importantly, it’s nice too see a flaming discussion there and another one here between tables and css proponents.

table.jpg

If you dig through the comments, there are several reasonable inputs regarding why you should still consider using tables for your layout structure. However, these comments below carry none of them:

Taking The Easy Way Around

Anyone who’s ever had to do a truly complicated layout on a website, knows that tables are a necessary evil.

If the boss doesn’t care how it gets done, as long as it gets done, and you have a deadline, and tables work consistently across browsers with no hard tweaks, so you use tables, get your work done before 5 PM so you can go home and enjoy the life outside of work…

Regardless I personally prefer tables, as I’m a programmer not a designer, they’re easier to work with for us than CSS.

Without tables i’d keep kicking my coffee over…

We’ve been webdesigning for about 7 years now, and I don’t what is the problem with tables. Easier to manipulate, faster to put out.

 

Being Ignorant

Who cares! If it works, who cares! Your CSS fanboi’s really need to spend more time making your sites look less cookie cutter web 2.0 and actually start making them useful.

Safe and reliable…always….why go with new conventions or at least the more common convention if good old faithful puts out?

Customers don’t care if it’s CSS or tables.

As long as it gets the job done… Google breaks a lot of other standards, but hey, as long as it gets rendered in the browser properly…

Honestly. Who. Gives. A. Shit.

If the website works well, like google.com, who cares how it works underneath?…I think someone needs to step outside, the average net user doesn’t even know what CSS is and they don’t need to, it doesn’t matter.

Well guess what, I have 150+ clients and I use tables on ALL their websites..

 

*******

Personally, of course I’m all with CSS, but until consistent CSS rendering is applied across all browsers (damn IE!), table is always a great temptation. If you read through the comments there, you’ll understand why.

However the comments above doesn’t echo the same perspective, and thus reflect poorly on their professional standard, their desire to give the best on each project, their awareness towards the evolving web standards and their concern about simplifying their project for their client’s further use.

Think of your client. And your future.

Seriously, I’d understand if people still using tables for fear of cross-compatibility issues. But using it because you want the easier and quicker way out will be very unfair to your clients. Of course they don’t give a damn. Chances are you can just give a full image-page for their website, and they will still be happy.

But semantics matter. And file size too. So does the client, in fact, if they decided to alter the design themselves.

And standing by your table repeating ‘as long as it work!’ ? Of course it will work (and I think always will), but then you can still save some money buying old VW Beetle - and pay the hefty cost for maintenances. On the other hand, you’ll spend more bucks on a new Honda, but chances are you can use it for many, many years to come, hassle-free..

Which CSS will play a greater role by then. Start mastering the CSS now. Or you’ll have a bleak future in web-designing.


Share

Using Visual Flow

When you are organizing the layouts of your web page, consider the visual flow, which should guide your web visitor from their point of first focus to your message. For instance, if you are putting an animated banner with dark color, use static and lighter colored content below it, helping your visitor to first focus on your banner and gently scrolling down section by section so none of your content will be missed.

If you use a similarly dominant element like a crowded and heavy picture on the bottom of the screen, visitors would most likely focus on the banner then directly to the picture, making them undecided on what to focus next.

They can become lost in your page, lessening their interest and attention level - which proves to be a costly mistake in delivering your message. Use contrasting BUT complementing elements and colors, but don’t apply too much variety- or this will happen!

Contrast will separate your content from the design, while complimentary elements will reduce your visitor’s conflict for attention. These should help them to effortlessly absorb the content of your website one by one - making your site browsing not just enjoyable, but effective as well. Look at how this site use a banner, large vertical top sections with icons, a small row of images and decreasing size of texts to guide your attention flow.


Share

Beautiful Website or Functional Website?

Imagine this:

You are a superbly talented and creative web designer, resourceful and possess the most complex techniques in designing a website. When you are designing your client’s website, which way should you approach? A dynamic and outrageously beautiful website, or a simple static website?

Some of you might ask first: what is my client’s budget? Or some prefer: what is my client’s objective? Then you proceed with the first question. Well, I should mention, you miss a couple of crucial questions:

What is their message?

A website should always focus on the intended message, whether it is to sell product, present news, encourage people to sign-up or inducing brand images. And all this should relates to the next question.

Who are their targeted visitor?

Websites are for web visitors, not you, not your clients. It is your job to find the right way to present your client’s messages to their web visitors. Web visitors, and not your client’s customers.

So,when designing a website, understanding the challenging programming languages or possessing the gifted creative talent is no guarantee for a successful web design. You must understand your client’s whole business and possess a critical view of communication. Your approach can vary heavily in this stage.

Designing the best website takes some time. Understanding your client’s business takes most.


Share



  • safe sleep aids for kids
  • naturally lower cholesterol blood pressure
  • accutane buy online cheaper
  • help for depression
  • overdose soma
  • high systolic blood pressure
  • drugs that reduce swelling
  • treatment for hypothyroidism
  • purchase medications
  • discount viagra generic
  • help for depression
  • viagra on line uk
  • constipation cures
  • immune system facts
  • ambien buy online
  • soma mexico
  • herbal pain medication
  • try viagra for free
  • parkinson's disease medications
  • oral anti-biotics
  • generic finasteride
  • burn fat
  • herbal energy supplements
  • drugs used for high blood pressure
  • how to build muscle
  • stress relief
  • viagra free trial
  • side effects of osteoporosis medication
  • free stop smoking ways
  • alzheimer's disease treatments
  • dogs medical problems
  • dog skin disorder
  • mexican prescription drugs
  • prescription meds without a prescription
  • mosquito repeller
  • free trial of viagra
  • online citalopram
  • treatment for flu symptoms
  • back pain products
  • prescriptions for hair loss
  • cialis 10 mg
  • mail order diabetes
  • herbal breast enhancers
  • medical heart failure
  • improve your skin
  • anti smoking drugs
  • yeast infection remedy
  • preventing hair loss in women
  • how to enlarge breast
  • get pain relief
  • drugs without prescriptions
  • neck arthritis
  • small dogs treat
  • erythromycin pregnancy
  • hypertension medicines
  • blood pressure meds
  • prescription medicines
  • discount dog products
  • heart medicines that effect heart rate
  • low cost levitra
  • buy cialis pharmacy
  • clomid dosage
  • bupropion mg
  • vaginal herpes
  • prevention of heart attack
  • cheap viagra in uk
  • prescribed diabetes medications
  • oral antidiabetic agents
  • generic plavix
  • arthritis in back
  • increase muscle mass
  • reduce blood pressure naturally
  • senna constipation
  • cheap blue pill
  • cholesterol and health
  • increasing female sex drive
  • male enhancement enhancement
  • viagra how works
  • high calcium in blood
  • bone cancer treatment
  • alcoholism and medication
  • cheap nolvadex
  • viagra for sale without a prescription
  • online weight loss programs
  • zantac dosing
  • allegra children
  • reducing fluid retention
  • how to increase your bust size
  • bronchitis relief
  • parasite medications
  • how to get birth control
  • purchase weight loss medications on line
  • zantac prevacid
  • drug lower blood pressure
  • over the counter weight loss products
  • ultram er side effects
  • sexual enhance for women
  • phosphatidylserine complex
  • free prescription drugs
  • bupropion mg
  • maxalt dosage
  • treatments for hepatitis
  • swelling feet
  • new drug for arthritis
  • parkinson disease medicine
  • ultram tablet
  • acai tablets
  • list all vitamins
  • order pet med without prescription
  • allergies singulair
  • herpes medications to buy
  • xanax overnight delivery
  • viagra profesional
  • weight loss pill without a prescription
  • increased sex drive
  • angina pectoris
  • phentermine with no rx
  • viagra profesional
  • klonopin order without rx
  • chronic snoring
  • cheap generic medication wal-mart
  • flonase otc
  • treatment of constipation
  • small dog anxiety problem
  • relieve joint pain naturally
  • phentermine no prescribtion needed
  • clonazepam cheap
  • treatment hepatitis c
  • dermatitis swelling
  • early prostate cancer treatment
  • health care for dogs
  • altace generic
  • effexor and tramadol
  • buy propecia
  • buy xanax online without a prescription
  • what pills look like phentermine
  • clopidogrel
  • blood pressure medication
  • gout cures
  • osteoarthritis pain
  • natural lower blood pressure
  • viagra generic brand
  • mircette generic
  • vitamin metabolism
  • hepatitis c treatments
  • pill zocor
  • effexor sleep
  • health bone disorder
  • alprazolam no perscription
  • how to naturally lower cholesterol
  • elevated blood sugar
  • help with insomnia
  • herpes drug
  • online pain prescription
  • avalide generic
  • very cheap phentermine
  • new treatment for obesity
  • new diabetes pill
  • lexapro paxil
  • how effective is plan b
  • allergies and asthma
  • body detox
  • lipitor product
  • buy stress gum
  • lower blood pressure drugs effects side
  • ambien sample
  • low back pain
  • generic zyrtec
  • buy now viagra
  • what is high blood pressure
  • anxiety meds
  • control blood pressure
  • anabolic creatine
  • meclizine medication
  • chewable viagra
  • fda approved drugs
  • clomid and fertility
  • blood sugar problems
  • latest diet pill
  • bronchitis antibiotics
  • nolvadex buy
  • internet drugs
  • xenical pill
  • fluoxetine side effects
  • anti-biotics
  • medication nexium
  • diabetes meds
  • lower back pain
  • cialis buy online
  • kids high blood pressure
  • online prescription tramadol
  • antibiotics for skin infections
  • buy weight loss product
  • hair loss alternative medicine
  • prescription high blood pressure meds
  • hair loss hair care information
  • medical treatments for acne
  • increase breast growth
  • clonazepam withdrawal
  • super flu