Posts

Seven Web Design Lores

Image
Inclusive Design is ImportantUser Experience isn't only about how a web page looks, or the "user flow". The web is not only a visual presentation medium either. A great User Experience can only be an inclusive one.Usability and Accessibility are good for your content. Over 80% of your customers may use different strategies to access your content than you think they do. Don't lose customers by occluding 'users'.If you break one or more of the lores of web design, you are likely to exclude a potential customer.The Seven LoresThere are more Lores to live by, but these will get you to think about what you, or your budget web design team are up to with your content. There's no point putting in all that hard work on your web site and then finding no one can, or no one likes to use it.Use a semantic (logical) order to your HTML structure signposted with semantic heading markup (h1 to h4, for example), etc. Call a spade a spade!Write HTML for content, CSS for sty…

"Click Here" for Useful Link Writing

Image
"Click Here" - Good, Bad, or only Dull? If you write only, "Click here" as your link copy text then you:Are dull.Don't know what a link is.Don't mind people laughing at you behind your back.Are you still here? Then let's explain and turn you from being an average link writer into a global superstar link-writing revolutionary!Is Click the Right Term?Yes. We "click" on links: all of us; whether tapping, gesturing, pressing keyboard buttons, or blinking.So why shouldn't we use, "Click here" in our links? Well, "Click here to do something..." is not really the problem. "Click here" is. Then again, "Click here..." is far from optimal link writing.The Common Misunderstanding about Clicking Mouse ButtonsSome writers will tell you that, "Click Here" is bad because it is not an inclusive description of the human computer interaction (HCI) it describes. It is not accessible, they say: proof to me tha…

Why use a Quick Reference code on your crafts and products?

Image
Why Use QR Codes At All?Why not? Firstly, it's free to create a QR code. Visit your preferred QR-making web page or app, create your content, and save the QR code as an image to use wherever.Secondly, your product and its packaging may be so small that there are few alternatives if you want to smother it in usable content that your customer can access or read?Take a look-see...What is a QR CodeA QR code is an encoded visual representation of data. QR codes can contain encoded:Website addressesTelephone number linksContact Information (using the VCard format)Free Text - an essay on a coaster.To receive an SMS textThey're Old Hat, No?QR codes have been around for a while but they are only really becoming useful now.QR codes fell out of favour around five years ago. Our SmartPhones just weren't that smart at making the user experience of a QR code less than a stress.Now, almost everyone who is anyone has a powerful QR code scanner and internet connection in their pocket so it…

The Portfolio vs. Blog

Portfolio vs. BlogI'm not the most prolific of bloggers and I want to explore inclusive design and user experience in more detail. It is just too much for blog content, but not enough for a portfolio.So, I am moving the "portfolio" content to my new Portfolio pages. The blog will then become much lighter.A Work in ProgressThe Portfolio is a work in progress. To date, it has six pages:Pat Godfrey - Personal ProfilePat Godfrey - Design ProcessInteractions - Fluid Responsive Philosophy, the 'Mobile First' mythologyInteractions - Show Hide, progressive reveal strategiesInteractions - Responsive Tables, responding without scrollbarsInteractions - FormsThere are more topics to come; the second installment on Form Design among them.I'm enjoying writing the Portfolio and I hope it is useful to others in the digital realm.Give it a visit.

Click or Tap? Misunderstanding of Affordance

Click or Tap? Misunderstanding of AffordanceTechnical Authors and Writers. We 'click' buttons presented on our screen whether by pressing a key, using a mouse, or tapping the screen or track mat. We still 'click' when we gesture to act upon a button in the air or when sucking on a straw if that is the Human Computer Interaction (HCI) of choice or need.So, we should only write, 'click'. And here's why.A Standard ArgumentThe aim of seemingly endless debate between writing 'click' and 'tap' is to describe the interaction between our users' cursor and the graphical user interface (GUI), or user interface (UI) to include non-visual use. The argument highlights a growing divide between knowledge and fashion as the affordance of semantic/native HTML GUI elements is eroded and colloquialism is legitimised through lack of research or insight. It's simple, using 'tap' steps away from our using common standard of dialog between us and o…

HTML5 Video and iPad - A Solution?

HTML5 Video and iPad - A Solution?I'm not a 'developer' or an 'engineer', but I just wanted a responsive video on a web page that would play across browsers and OS. How hard could that be? Now, I've done that with the old iFrame-contained video players, but with HTML5 it promised to be so much easier. How wrong could I be!Some BackgroundI don't usually crow, but I found little on the interweb to help me overcome some simple problems with using HTML5 video across browsers and OS. This may help you overcome issues and problems with iPad HTML5 video policies. The main policy is that iPad/IOS will not download the video headers (or video poster images) before one clicks Play. This can leave an empty space with an IOS play button, but no visually semantic indication of there being a video in place; a poor experience if the video button falls below 'the fold'.A client wanted to display a single video on a page. Nothing else. Just that. No header or other …

Customer and Data Security Experience

Online Security Overview What can we do to make our customers’ and our online security secure but also to be a happy experience? I think designers need to give more input into the choice and design of our customers’ and our business’ security requirements. Online security is now a way of life – can’t we at least make it easy?The Internet seems to have become such a dark place. The basic needs of any person are food, water, and security. On the Internet, security is the least easy to get of the three: spamming, viruses, trojans, denial of service attacks, data farming, phishing, and outright theft amongst other threats to our privacy make our lives far more difficult than they need to be - or than they should be. Your Castle? Consider your secure online services as being your castle with many rooms: one each for each service: not only your own but everybody’s service you want in your life. If you’re like me, and I’m fairly typical, I need a pretty big Queen Elizabeth sized castle with…