MAX SOEUX Examples

WIREFRAMING AND PROTOTYPING

Wireframes created through HTML prototypes, Omnigraffle, Visio, and Axure

“What’s On” - Gig guide around major Australian cities

Asciano - very conservative, focus on share price and showcasing upcoming plans

Click Foundation - Not for profit organisation, focus on acquiring donations and volunteer work

Gatorade Replay - Gatorade video competition

Overview Features and Benifits Reviews

Product screenshot

Buy [Product]

Plans and Pricing

$49per month

60 Users25 GB Storage

Feature XFeature YFeature Z

more info

Add to cart

$29per month

20 Users10 GB Storage

Feature XFeature Y

more info

Add to cart

$19per month

5 Users5 GB Storage

Feature Z

more info

Add to cart

Footer

RHS

0 itemsLog on to MyBiz

Business Mobiles Mobile Broadband & Tablets Internet Office Phone Bundles MyBiz Blog

BFB_wireframeV05:: Reviews

Log on to My Optus Account

Optus MyBiz - Product review, plans and pricing

CONTEXTUAL INQUIRIES

Including the creation of Affinity Diagrams, Personas and Findings Report

PROCESS FLOWS

Person clicks on

"like"

Is the person

logged in?

Vote number goes up

"Like" button changes to

"Undo". Options to log

in appear.

No

screenshot - zoom into section of "like"

Publish to Facebook

stream

Are they using

Facebook connect?

Yes

Yes

No

screenshot - zoomed into

updated number of votes

screenshot - zoomed into

previous number of votes

Are they using

Facebook connect?

If person decides to

log in

Yes Publish to Facebook

stream

Person is logged into

the site

screenshot - zoom into logged in

status

No

refreshes instantaneously

5 Allow people to vote on flavourful tips

Masterfoods’ Favourful Tips - Facebook “Like” social media integration

Add to shopping Cart

Item gets added to shopping cart

Show shopping cart (current system - summary view).

Rename this page to shopping cart

Input shipping and payment details

Thank you page(payment processed,

order ready to be shipped)

Customer can finish things here

Limited special offers (this is how add-ons

should work) when you purchase in the next 30

mins.

Limited specials added to purchase

Shop for other products or

continue with checkout

Shop for other products Continue with checkout

My Biz homepage

BFB_wireframeV05:: Shopping interaction

Notes for shopping process

- omit unnecessary steps from the order process in the navigation, and add the pages that the user sees.

- selling add-ons/extras should be done after the customer has bought the item. Optus are losing sales otherwise.

- omit unnecessarily distractions during the checkout process such as "$0 upfront only", "Not a business customer" and "Free delivery for online orders". These links take the customer away from paying Optus money.

- There is no need to link back to the shopping cart with the checkout button once the customer is already in the checkout process.

- There are multiple places where there is no distinct/primary call to action. eg summary page "continue shopping", "continue" and "checkout".Details page has "checkout" and "submit"

Optus MyBiz - Shopping process

ANALYSIS AND REVIEW

Expert reviews and site analysis

Usability Review:: Homepage

Max SoeUser Experience Consultantmaxsoe@gmail.com0405 022 546

General Notes

1

2

Top level menu items should be kept to 7 items or less (look at www.apple.com as an example). Reconsideration and prioritisation of global items is required.

1

Menu items as images increases the load time of the page. Use text instead of images wherever possible to speed up page load times, increase search engine readability and on-page searchability for users.

2

3

Avoid using ALL CAPS where possible. Online, using all caps allude to shouting. This occurs in various places across the entire website.

3

4

Reconsider the purpose of the homepage. In the online space, a website is a company's brand. Within 2 or 3 seconds, visitors should be able to tell what the website is about and immediately form an affinity with the brand.

Visitors arriving at the site may be looking for what David Jones has on offer at the moment. Going past the Elizabeth St store in Sydney, there are posters for "You are invited to save" and "Royal Randwick Spring Carnival". There should be cohesion between online and offline activities.

4

5

Avoid using Flash when another (more accessible) technology such as HTML, AJAX and images will do the job. The main element on the homepage takes almost 3 minutes to load using a 3G connection. 4 minutes for the entire page.

5

6

Maintain a consistent visual style. These links lack the same design polish and flair that is under the credit card, ie "Learn more" and "Apply now". Look at www.stgeorge.com.au for an example of making links visually obvious, yet not underlining them. www.apple.com is also another good example.

6

7Avoid right alignment with text. Right aligning text makes things difficult to read and/or scan.7

8

Links should be self descriptive. Eg "Christmas Hampers 2009" instead of "click here". As a general rule, avoid using the same name for different links or calls to action.

89

Make the entire box clickable (linked) so that the visitor can quickly get to where they want to go instead to having to hunt down a small target area.

9

10

Ensure there is always enough padding around text so they're not squashed against margins.10

The page title (<title></title>) should be "David Jones" or "David Jones Australia". Not "David Jones - Homepage"

URLs - Regarding the top level navigation items, some items are subdomains, some link to pages in the same directory, and others to pages within subfolders. URLs need to be human friendly and structured for consistency.

Regardless of the technology used to generate the pages, the URLS should be shown as .htm or .html