Download - Ux examples
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 [email protected] 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