1 Client Name (insert) Project Title (insert) Wireframes Version X.X Date: XX.XX.XX

2 Version History VersionDateAuthorComments 0.001/11/03Ashley FriedleinCreated wireframe template for general use 1.005/11/03Ashley FriedleinAdded example wireframes & designed pages to illustrate how they compare

3 Useful Page Elements Static content Dynamically generated (not on the fly) Dynamically generated (on the fly) Key to types of content: Drop-down menu 2 > Drop-down menu 1 Radio buttons Check boxes Submit

4 1.0 Page title (Web page template) Header (Logo) Footer Link 1 | Link 2 | Link 3 | Link 4 | Link 5 | Sidebar Heading Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea hyperlink commodo consequat Local section navigation: Subsection 1 Subsection 2 Subsection 3 Subsection 4 Subsection 5 Subsection 6 Page Heading Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea hyperlink commodo consequat Global Navigation:Home | Section1 | Section2 | Section3 | Section4 | Section5 image

5 1.1a Example wireframe for page template (E-consultancy) (see following slide for actual page) ‘Breadcrumb’ navigationSite tools (contact, search, site map) Header (Logo) Static content Dynamically generated (not on the fly) Dynamically generated (on the fly) Promotional Area Standard ‘quick link’ navigation (Your profile, e- mail services, About) Search Admin section navigation News feed1 News_Category News_Headline News_Source, Date News_Headline News_Source, Date News_Headline News_Source, Date Logic: display 3 most recently updated news headlines Today’s Quiz Question Quiz_Question Logic: Select any quiz question at random Featured White Paper White_Paper_Title, Organisation White_Paper_Review (first 130 characters) Logic: Select any White Paper at random Best of the Forums Message_Subject, Author, Date, Star_Rating Message_Content (first 250 characters) Logic: select a forum post at random but the post must be rated at least three stars or higher on average and must have been made within the last three months. If Author has a photo, then display it. Glossary term of the day Glossary_Term, Definition (first 130 characters) Logic: Select any glossary term at random Spotlight on a Provider Provider_Name, Region Expertise (first 80 characters) Clients (first 80 characters) Logic: Select any Provider at random News feed2 News_Category News_Headline News_Source, Date News_Headline News_Source, Date News_Headline News_Source, Date Logic: display 3 most recently updated news headlines Key to types of content: Local section navigation Subsection 1 Subsection 2 Subsection 3 Subsection 4 image Footer (Links to key site sections, Conditions of user, Privacy policy link and TRUSTe logo, Copyright)

6 1.1b Example page template generated from wireframe 1.1a (see previous slide for wireframe)

7 1.2a Example wireframe for CMS data admin (E-consultancy) (see following slide for actual page) ‘Breadcrumb’ navigationReturn to main site Header (Logo) Search Admin section navigation Local section navigation Subsection 1 Subsection 2 Subsection 3 Subsection 4 Company Name (text field) Address (text field) Region (drop down) URL (text field) (text field) Postcode (text field) Telephone Clients (text area with clients comma separated or on separate line) Expertise (text area with areas of expertise comma separated or on separate line) Description (text area) Office locations (text area with office locations comma separated or on separate line) No. of staff (text area) Comments (drop down) Turnover (text area) Comments (drop down) Proj. Budget (text area) Comments (drop down) Display Data (text area) Comments Keywords (text area with keywords comma separated or on separate line) Functional Disciplines Industry Sectors Advertising Branding Content Design / Usability Fulfilment / Logistics General Hardware Interactive Digital TV Legal Marketing Other Programming Project Management Public Relations Recruitment Reporting & Statistics Rich Media Security Site hosting Software Strategy Training Funding WAP / Mobile internet CommunicationsEnergy PropertyHealth Care Public SectorFinancial Services ManufacturingDigital Services GeneralRetail Consumer Products Other Record last modified by[Name] Record created by[Name] Last modified date[Date] Creation date[Date] Set Review date Set auto-archive date (text field) Status Live on site Pending approval Archived Management Data

8 1.2b Example CMS data admin page generated from wireframe 1.2a (see previous slide for wireframe)