Archive for the ‘Web development’ Category
Flash Cookies, A Privacy Issue & How to Delete Them
Over the past year or so there has been a growing trend among internet users to regularly clear the cookies that websites put on their systems. This has meant that the web site owners can be frustrated either in their legitimate desire to save state in the users browser or the more dodgy track people round the internet.
Site owners have responded with the increased use of flash cookies, which do similar things, but are not so easy to delete or manage.
This video shows how to manage and delete flash cookies in your browser of choice.
Thanks to http://www.brdatasystems.com.au, a local server rack manufacturer for letting me use their site, which I know doesn’t add cookies, to show how to manage and delete them.
Flash Cookies, A Privacy Issue & How To delete Them from Simon Griffiths on Vimeo.
Web Designer customer Cheat Sheet
These are some questions I normally ask clients when I am looking to develop a website.
I will expand on this post later to add in more details.
1. What is the website for?
Brochure, E-commerce, Business card, reinforcement
[Why: to see what the site need to include and what technologies should be involved]
2. Who are the customers?
Male, Female
Age range
What do they do
What is their job title
[Why: to try to profile the customer so that site design and content can be created to suit the audience]
2a. Who is the competition?
[Why: so we can look at their sites and see what we can learn about keywords, expected layout etc]
3. How would you expect the customer to find the site?
Search, word of mouth, literature/business card
[Why: to see how much emphasis needs to be placed on SEO/SEM]
4. If search, what would they be looking for to find the site?
[Why: so that keywords can be checked to see if there are more available]
5. What sort of device would they use to access the site?
PC, netbook, phone
[Why: to see what technologies need to be involved/avoided, to look at creating specific content for a device]
6. Where would they typically access the site from?
Office, home, out and about (using public wifi or mobile connection)
[Why: to see how much bandwidth the site can take without inconveniencing the user]
7. Are you geographically based?
What are the limitations you want to put on area.
[Why: to make sure content is written to make this clear, make sure Google is aware of this and to see what type of hosting is required]
8. What type of site are you thinking about?
Examples of sites that you like.
What do you like about these sites?
[Why: to get an idea of what you expect from the site]
9. What tone do you want to set with the site?
Professional (typically more subdued), light hearted, fun
[Why: to make sure that the tone of writing matches that of other literature or the image the company is portraying]
10. Do you have other literature/business cards?
[Why: so we can make sure the site matches the style and creates a total company image]
11. Would you want to be able to edit the site content?
All content, a blog, social media
[Why: to see what technologies we need to use and what you expect from updates]
12. What timeframe and budget is the site required in?
[Why: Timeframe will set what is there is time to do in terms of design and interaction, also whether the designer can actually do it or not. Budget will set again set what is possible to do].
[Note: Budget is always tricky as the client will not want the designer to design to a budget. Possibly ask for a range, or look at requested features and say roughly what each will cost].
Web Page Structure for Great SEO
I have just put up a post on the Webxopt site showing how to structure 2 and 3 column layouts to makes sure that your main content is always at the top of the HTML page, where search engines like it.
I’m never sure where to post these things these days, but just in case the link is
http://webxopt.com/wordpress/2009/08/web-page-structure-for-great-seo/
Mega Drop Down Menus
I have been doing a lot of work recently to develop a mega drop down menu that is easy to apply and code and is extremely usable. If you aren’t aware of mega drop downs I would suggest you check out the article in Jakob Nielsen’s alertbox dated 23rd March 2009.
The use of mega drop downs is an increasing trend which is sometimes applied well, and other times quite badly. At a recent barcamp in Brisbane I did a short presentation looking at mega drop downs and their use. This is available at http://www.webxopt.com/resources.html.
Over the next few weeks I will put up more info on mega drop downs including example code. This may be on the webxopt site, or I may put it on a specific URL. However I’ll make sure this blog gets updated with links.
Overlay Box Usability
I have just started a new company blog for Webxopt (stands for Web Experience Optimisation) and am hoping to put all my work related info on to that site.
My first post is on Overlay Box Usability. Those are the boxes that ‘overlay’ the main content of the page – No surprises there I guess! I have talked about how to put them together and when to use them and when not to!
The post is at http://webxopt.com/wordpress/2009/07/overlay-box-usability/.
btw – I’ll still be using this site for anything that doesn’t fit my work, which will probably be most things to be honest!
CSS text spacing, Internet Explorer and Dreamweaver templates
I have been setting up a site using a dreamweaver template to set areas of text that a client can edit. There were standard titles which I had put into the template and editable areas for copy between the titles.
To style and space the text I was adding into the css styling such as h2 + p then adding some padding. This worked great in firefox but when I came to test in internet explorer it completely broke.
After a bit of investigation it seems that the problem was the dreamweaver commenting that opened or closed the editable areas. The comment was coming between the h2 and p for example and ie was seeing them as not following each other. Firefox interpretes how you would expect of coarse and ignores the comment! Anyway take out the comments and ie works okay too.
This unfortunatel was the only way I could get the pages to work in ie and therefore broke the template.
This may also be of interest if you are adding commenting into your code and noticing copy spacing in ie is not right.
E-commerce Systems
I have been developing an e-commerce system for my company over the last few months. We decided to use a canned system so I looked at Goodbarry a content management system that allows you also include e-commerce.
I have to say that the site setup in Goodbarry was relatively easy, but it got frustrating when you wanted to change things that were locked in their code. The dreamweaver tools didn’t help much either. I have to say that their support was a little slow too, and their link to email support was very well hidden. In fact I only found it when I bagged them on Twitter!
I was trying to stick with goodbarry though until I got to a real problem. In Australia they really don’t have a delivery solution to products over 20kg. They do have a manual option but without the necessary control to really work.
After running into this road block I looked around for an alternative and eventually settled on gate13. These have been quite responsive to requests for info and have even uploaded special pricing from our standard delivery company. I must admit that the way you had to do this was a bit odd though. Instead of a basic and per kg weight, you had to upload prices for each weight for every postcode. In our case we have products to about 50kg and that meant nearly 300,000 lines on a spreadsheet (btw reply to me if you want a copy of the spreadsheets we put together to automate this).
The other thing that I think will be good for us is the configurable discounts. You can add affiliates, create users that see special discounts, but also create complex discounts based on combinations of items. This is great for us as we normally sell through wholesaler chains and this may help to keep them happy if they don’t like us selling online.
Things I haven’t liked are a couple of the system messages, you seem to struggle to move items like the add to cart button and the design seems to be table based (which I don’t like in my carefully coded css based design).
Gate13 are a lot more expensive than Goodbarry ($115 compared with $35 per month), but so far I have only got frustrated a couple of times!
In short for e-products or light weight goods you can probably get away with goodbarry, otherwise gate13 could be a reasonable choice.
Btw the site is http://www.broverstock.com if you want to take a look. It does need more work, but it is usable for our target market!
Google Launch Adwords Guide for SME
Google have just launched a guide to setting up Adwords designed specifically for small business in Australia.
I haven’t been though it yet but will edit this post as soon as I have to give my opinion. It’s good to see them demistifying, I just hope they have explained it with sufficient clarity.
Google Insight, less than Insightful
I am a bit concerned that a few of my recent posts seem to be Google bashing! First let me point out that I love most of Googles apps, I use analytics on my sites as well as Google docs, gmail etc. However I keep finding things that are perhaps not quite right!
About a week ago I did a search on Google Insights for the company I work for, and one of our competitors. I seemed to indicate some unusual activity happening, so I rushed out a report for our management meeting which is in a couple of days (from the date of this post).
To make sure I was up to date, I had another look at the stats today, and to my surprise, not only did it not show this unusual activity. A lot of the line was totally different. I have checked the keywords, period, geographic location etc and these are all the same, but the line is definitely different. Thankfully I took screen shots so you can see for yourself below: -
I think the moral of the story is probably that Insights may not be quite as Insightful as we think. I really don’t know why this should change, but it makes me concerned that this is really not a tool you can use reliably without significant supporting data.
Google Chrome Ubiquitous?
I have been playing with Google Chrome for a few days now and for the most part have enjoyed the experience. However there are areas which essentially mean that I will not use it as my default browser but and will only keep it for testing.
I won’t go through all the good points. I have to say though that I like the interface, even though it doesn’t really match the standard windows ‘chrome’. I haven’t however found it that fast in fact it seemed to open Google docs slightly slower than Firefox, although I have not timed this to be sure.
So what would stop me using Chrome? If I discount the very very dodgy EULA, I still think security is a major problem. In Safari there is a default privacy setting that ensures 3rd party cookies cannot get into the system, and this is on by default. All other browsers have similar settings, although most aren’t on by default. However Chrome doesn’t have a similar setting, and instead has a rather dubiously named ‘treat 3rd party cookies differently’ or something of that order setting. Not only is it not clear what this actually does, but it seems clear that it doesn’t block 3rd party cookies going out. This is of coarse exactly what Google subsidiary Double Click would want, but it is not good for consumers and their privacy.
My second and biggest reason not to use Chrome, is that it seems to be aimed squarely at Firefox, as there is no way that the large majority of IE users will ever switch. So why would Google take aim at Firefox? In my opinion the main reason could be the much smaller announcement of Firefox Ubiquity about a month before.
If you haven’t had a play with Ubiquity you really should. It is a bit like the launchers available on the Mac. What I mean by that is that you open up a dialogue box with a keystroke and then type a command. This allows you access to functionality in a few keystrokes. With Ubiquity you can add maps into gmail, add calendar items and much more all by typing a few keys. Note that most of the functionality here is to do with Googles apps. and this tool allows you to bypass Googles own interface in many cases. This you would think isn’t a bad thing, but it is where Google makes its money with its ads.
The reason for Chrome could therefore be a shot across the bows for companies trying to bypass Googles ads rather than a particular desire to make a better apps browser.
