Showing posts with label web design. Show all posts
Showing posts with label web design. Show all posts

Sunday, July 16, 2017

A mini-rant on the state of store web pages

Too many stores don't take time to build a web site that is user friendly.  They are probably going with the experts who say it is perfect, but, take it from me they are far from perfect.  There are a few that I have problems with and it is frustrating in the least when I am looking for products.

I check out the online sites to see what products are available, their specs, reviews and prices.  When I see something I am wanting to buy I prefer going to the store to check it out the product before I purchase.

A few not-so-humble suggestions for your online sites:
  • Allow us to pick online only.  Many people do order online, but, for those of us who want to be able to go into the store and check out the product so we can make the final decision before buying give us the option of seeing only what is in the store.
  • Same goes for your affiliates.  Again, if I am interested I will click on the box to show them.
  • If the product is not available allow us select a check box so as NOT TO SEE them.  If they are not available, or sold out, then I don't want to see it.  This is the equivalent of empty shelves in the store.  If it isn't there then I am not interested in seeing a pretty picture. If not available, give an option quickly inform us how long it would take for it to be stocked locally.
  • This is a biggie and too many sites do this.  Check boxes are only that, you click on them and there is a check mark or it is empty.  Clicking on it WILL NEVER initiate an update, that is completely against what click boxes are for.  Allow the user to select what they want to see and then have a 'REFRESH SELECTION' button to present the user what they want to see (example below).
  • When I tell you NO on my location respect it! There is a site that every page I go to it asks me for my location and I keep telling it no.  The same goes for asking for my postal code and not allowing me to see anything until I do.  When I want to tell you my location (to see if stock is available locally) I will tell you and not until then.
  • Keep the scripting and fancy images to a minimum.  Not everyone runs the latest hardware that can handle all of the scripting quickly.  I have a high end machine for development work and pages there renders quickly, however, I have a netbook that I also use for development work and the same page sometimes takes up to a minute to render and that is not acceptable.
  • Test your pages for IE, Edge, Chrome and Firefox.  Too often I have to open up another browser so that your pages will properly render.  Again, follow the W3C standards for your pages and thoroughly test your pages.

For those thinking these are small business the answer to that is no.  These are large multi-national corporations who I would expect to be able to afford great web developers with the skills and knowledge to build sites that make it easy for customers to quickly find what they are looking for, confirm that the product is available locally. 

Check out the W3C site for web standards and how to develop a website that should work cross platform and with different browsers. 

It has been a while since I coded web pages, but, if I remember correctly you can use the following as an example of how to do check boxes.  Change the { and } to < and >.  I changed the values so that you can see the code and not the form.

{form}
{div}
   {input type="checkbox" id="In Store" name="instore" value="itisinstore"}
   {label for="In Store"}Show product that is in store?{/label}
   {input type="checkbox" id="Online Store" name="onlinestore" value="itisinonlinestore"}
   {label for="Online Store"}Show product that are in the online only store?{/label}
   {input type="checkbox" id="Out of Stock" name="outofstock" value="outofstock"}
   {label for="Out of Stock"}Show product that are temporarily out of stock?{/label}
{/div}
{div}
   {button type="submit"}Refresh your selection{/button}
{/div}
{/form}

Monday, September 26, 2016

Web designers need to follow standards

Web designers need to learn web standards and design their pages to respect them.  Too often it appears the pages are designed for Windows and IE using cookie cutter templates.  The world has evolved and people are using Linux, OS/X, Android and other operating systems with different browsers and the pages work poorly if at all.

These are the web sites of major companies like Best Buy, Staples, Walmart and Canadian Tire.  They have the money to invest in a well designed site, but, many choices they made in their web design break expected functionality of various web elements or have serious errors in their JavaScript code.

Examples:

Check boxes

Just about all of the sites refresh the page when you click on a box even if you want to click several they force a refresh after each click.  Wait until the user picks all of the options and then have a refresh button when they are done.  Best Buy is the worst when I am looking for an item there are refreshes every time I select a box.  this is time consuming as something that takes me several minutes to do should take only seconds.  One other thought on this.  Every time you do a page refresh your server gets hammered multiple times along with the database.  That time used to service every little check box could be used servicing another client.  Throwing more hardware, software and communication pipes only serve to enrich the providers of the same.

Product availability

Best Buy I am looking at you here!  When I finally get through check box hell I see a lot of products are 'not available'.  If it isn't available then don't show it, or, have a checkbox for 'Available locally' or 'Can be shipped to your location'.  Also, allow a check box to remove 'ONLINE ONLY'.  When I am looking I want to know if it is in stock and I can go later to pick it up at the store.
 

Forced page refreshes

Canadian Tire I don't know if you are aware, but, when I select a product it refreshes itself about every 30 seconds and there is nothing I can do to stop that behaviour.  It is highly annoying as I am trying to read product information or reviews and after the refresh I am back up at the top of the page again. This was on my Windows box and Linux box using Firefox and Chrome.  I didn't try IE as that is Windows only.

Forced to provide a location

Look, I am just wanting to check out the product, features and reviews.  If I am interested then I will let you know roughly where I am.  There are sites that ask me to provide a location every time I change a page.  Ask once then remember my choice!

Auto-play videos

Come on, enough already.  I don't need loud commercials that I have to turn off (sometimes they can't be turned off).  I am paying for the bandwidth usage not you and sometimes I am on my tablet or cell phone and those ads brings them to their knees for minutes at a time while trying to play those videos.  If I am interested I will click on it.  Can't take the hint?  Well that is why I am running various blocking ad-ones in my browser and I suspect that is the reason why so many others do so too.  Sites that respect me I turn off the blockers.

Massive scripts

Now and then I look at the code for a given web page and over 80% of it is for scripts and images and very little is for text.  That is a massive overhead for stuff that most of the time isn't needed.  This takes time to download and storage on the servers. Have the developers review the code and if they don't understand what is being done then pull the code until they know what it does.

Review your page before releasing to the public 

Staples is at fault here.  To often the page has issues rendering (sometimes it is a blank page).  Sometimes it is IE that has issues others it is either Firefox or Chrome that have issues.  How about testing your pages before they are released in multiple operating systems and browsers.  Check for error messages!  I checked several times and I had page after page of errors in JavaScript.  Really? A client facing page and you have that many pages of errors?  

What I would like?

Well, how about learning what web standards are?  Learn some of the basics of HTML, forms and other design elements rather than letting the web page designer do the work.  The software may help, but, you really need to know the basics of good page design.  It is like giving a grade one student a calculator to help them learn math.  They may know enough to punch the buttons, but, they don't really learn how to do it and will never know if there is a mistake and if they don't have a calculator they can't do math.

Have ordinary people test out and review your site (or updates).  Ask them to do specific tasks and watch what they do and then ask them what they liked and disliked and what caused them problems.  To keep it real world make sure the machines are not the fastest up-to-date machines and have a slower network connection.  Use multiple operating systems, browsers and devices to make it more like how your customers access your web site.

Where you have feedback pages make sure that the feedback is reviewed and acted upon.  I don't know if senior management is even aware of what feedback is given, but, I suspect it may be just the positive feedback and most of the critical comments are not sent up the food chain.

Finally, KEEP IT SIMPLE.  You are trying to sell a product not fluff web pages.  All of the pretty images, sound, colours are a distraction most of the time and most consumers are tuning it out or using software to shut it down.  Make it 'How may I help you' and steer the consumer to your products, product information and reviews, pricing and availability.