cipro.co.za content pages look & feel | usability | navigation redesign © copyright rob cowie...

cipro.co.za content pages

look & feel | usability | navigation redesign

© Copyright Rob Cowie 2009

live demo | home page: http://www.tntidentity.biz/cipro/cipro.html

26 may 2009 | v1.0

[email protected]

live demo | content page: http://www.tntidentity.biz/cipro/cipro_c.html

live demo | logged in: http://www.tntidentity.biz/cipro/cipro_l.html

content page | user not logged in complete


content page elements


element 1 breadcrumb navigation bardescription: navigation item which also informs the visitor of their location on the site

-visitor always aware of their current location on the site-hyperlinked so that visitor can return to previously visited pages



element 2 related quicklinks menudescription: left-hand navigation bar which is dynamically populated to present links toother areas of the site which contain content related to the current content page

-assists visitors by helpfully presenting links to related content-provides CIPRO with the ability to channel visitors to selected areas of the site



element 3 login or register portletdescription: portlet that enables a visitor to log in if already registered, or to register

-easy to log in if already registered-if user not registered, clicks ‘register now’ and the fields below change for registration-centralised, prominent area for all visitors – registered or non-registered



element 4 main content areadescription: the area of the page that displays the relevant content

-mini header clearly displays content header – leading on from the breadcrumb trail-toolbar contains useful functions such as accessibility, download and print tools-text area expands vertically based on amount of content-clear layout with headers and boxes highlighting important content

image on next page

content page | user logged in complete




element 5 logged in user control paneldescription: when logged in, the breadcrumb navigation bar displays extra options forthe registered user – a welcome note, access to account settings and a log out button

-provides user with easy access to account functions



element 6 secure messaging inbox portletdescription: the portlet displays the latest messages from CIPRO to the user with alink to display all messages

-prominently displays important messages to the user



element 7 logged in content exampledescription: the following example shows the flow and visual elements of a four stepcompany registration process. elements include:

prominent buttons includingthe functionality to go backone step

informational rollovers displayuseful information for variousfields on mouse-over

a visual progress bar clearlydisplaying the steps involvedand progress made - previoussteps can be clicked to return

content page elements | element 7 step 01


cipro.co.za content pages look & feel | usability | navigation redesign © copyright rob cowie...

Documents

page copyright rob cowie

content page user

complete copyright rob

demo content page

current content page

related content

content header

content pageslook