Archives for category: Technical

Sneaky black hat marketing is putting things in your basket!

One of the things we pride ourselves on at Niche is really smart User Experience (UX) design on websites.  Clever UX design can mean the difference between a customer staying on your site or leaving it; or buying an additional product; or really loving your brand.

As with any design, it gives you the opportunity to persuade users of your site into behaving or interacting in a particular way, so it’s important to get it right.

But to what extent do you need to – and to what extent should you – persuade people?

What the heck is “black hat” design?

I was recently enjoying a really awesome presentation by Harry Brignull of Dark Patterns, who spoke at UX Brighton about “black hat” UX design. Simply put, “black hat” UX design covers a whole area of User Experience design whereby designers trick users into selecting a particular (and usually more profitable) option on a website where money is exchanged for products / services.

A great example of this is when airlines have a pre-selected check box on your airline booking form online that forces you to pay extra for a service that you might not be aware of.

Whilst this may not seem quite so bad when it includes, say, a carbon offset fee, when it comes to travel insurance or extra baggage fees, people are likely to be duped into paying for something they never wanted or needed.

It’s misleading to the customer, and it’s bad for your brand.

(more…)

Coming one the mock-ups and analysis are done.

HTML Popups need more design:

  • Link
  • File
  • Image
  • Media
  • Template

The popups is a massive design project on it’s own…

The standard Joomla HTML editor stinks. They have improved it in this new version, but it needs help, WordPress and even JCE have shown how it can be much better and anyone who thinks it needs a million functions can add their own later, this is about the majority and getting usability right. A good HTML editor must:
  • Allow pasted text to take on template’s styles and not bring their own in.
  • Have easy image, file, video and link placement
  • Have easy table editing and insertion (often so painful)

Fix 1 – Move the built in buttons up

Joomla’s editor buttons are in the wrong place – at the bottom where no one notices them. Here’s the before:

All we need to do is move them up:

I’ve also added a few new functions in here and done a little redesigning and renaming. The new functions of link, file, image and media will be explored in a separate post. Note that i’m not sure about the need for an insert title, the read more and page break icons are just placeholder and I’ve group the items together to be more logical.

Fix 2 – Keep it simple

There are too many buttons in the default editors, here is Joomla’s and JCEs:

JCE - Like Joomla's editor but with MORE stuff

Here are some Competing systems:

WordPress

Campaign Monitor - Yes it's just for email, but it is clean and focussed

Apple Wiki - Super clean, maybe too clean

So here is the new one:

We have killed the unnecessary items and also duplicate commands. So the following are gone:

  • Underline (They just look like links)
  • Styles (override a html item)
  • Justify (implement in the template)
  • The undo/redo, cleanup, etc maybe could be removed.. not sure or a couple of dropdowns like on apple’s could be used

Fix 3 – Pasting stuff in

This is always a problem, it is really the number one support issue we get. When content comes form word, it is evil, we don’t want any foreign styles to come in, we need to paste clean code, even if it means doing some more formatting once in.

Most systems do this well these days, the way WordPress converts linebreaks into p tags is particularly awesome, I’d love to see it implemented but am unsure of the consequences. JCE has updated their pasting functionality, it needs to be tested to see if it now does things the way we want it.

Fix 4 – The popups from buttons

The linking, image, table and file link buttons need work, serious work. They are going to be the subject of a post all of their own.