Web user experience
February 06, 2007
Tableless CSS book
Browse :: The Register Books - IT and Computer Book specialists
Posted by pj at 08:37 PM
May 18, 2006
Jesse James Garretts Website User Experience design panes diagram
From his Elements of User Experience book:
Posted by pj at 06:49 PM | Comments (0)
October 04, 2005
Mozilla Web Standards Guide
Using Web Standards in Your Web Pages
Posted by pj at 02:14 PM
June 03, 2005
Website workpackages - Draft v 4
WP 1 - Joint MEDEV and HS&P portal site located at www.health.ac.uk
1.1 Determine portal site functional requirements (SSADM?)
1.2 Produce a node map (site map) on paper
1.3 Produce a wireframe for the home page and one for other types of pages
1.4 Investigate options for combining / aggregating multiple RSS feeds into one and implement findings
1.5 Investigate options for allowing personalized portal views
1.6 Finalize and implement the outcomes of the portal navigation WP 3
1.7 Finalize and implement the outcomes of the portal branding WP
1.8 Finalize wireframes and content and produce structural layout CSS for home and other page types
1.9 Implement final site
WP 2 - New MEDEV site located at www.medev.ac.uk
2.1 Determine site functional requirements (SSADM?)
2.2 Produce a node map (site map) on paper
2.3 Produce a wireframe for the home page and one for other types of pages
2.4 Investigate options for allowing personalized portal views
2.5 Finalize and implement the outcomes of the navigation WP
2.6 Finalize and implement the outcomes of the branding WP
2.7 Finalize wireframes and content and produce structural layout CSS for home and other page types
2.8 Produce a low-fi styled site mock up to test content combinations
2.9 Implement final site
WP 3 - Portal navigation design
3.1 Determine landmark navigation and courtesy navigation menu content and information architecture informed by WP 1.2
3.2 Investigate use of MovableType categories for use as contextual navigation elements informed by WP 1.2 and implement findings
3.3 Invsestigate approaches for wayfinding (breadcrumb trail generation) and implement findings
WP 4 - MEDEV site navigation design
4.1 Determine landmark navigation menu content and information architecture informed by WP 2.2
4.2 Investigate use of MovableType categories for use as contextual navigation elements informed by WP 2.2 and implement findings
4.3 Investigate approaches for breadcrumb trail generation and implement findings
WP 5 - Portal site visual design and branding
5.1 Commission a new design and brand for the HEALTH portal site
5.2 Finalise branding and produce and implement CSS
WP 6 - MEDEV site visual design and branding
6.1 Commission a new design and brand for the MEDEV site
6.2 Finalise branding and produce and implement CSS
WP 7 - Generic web form handler project
7.1 SSADM evaluation of requirements
7.2 Set of generic form content checks (dates, URLs, email addresses, MS special chars, post codes, HTML etc.) specified and implemented
7.3 Generic solution (possibly using Python Archetypes developed)
7.4 New table structures developed for all content currently managed in MySQL
7.5 Forms developed using new tools and new DB structures for all content currently managed in MySQL
WP 8 - RSS and iCalendar feeds
8.1 Develop new RSS events RSS feeds based upon new table structure and the RSS 1.0 Event module
8.2 Develop new RSS funding opportunities RSS feeds based upon the new fund ops RSS module defined as part of the DEL work
8.3 Refine iCalendar view of events
8.4 Determine which other RSS feeds to include on the site and incorporate using Feed2JS or similar
8.5 Hack Feed2JS or MagpieRSS to handle the new RSS formats
WP 9 - MovableType work
9.1 Investigate the use of MT for classification of resources informed by WP 4.2 and implement findings
9.2 Hack MT QuickPost functions or use the Atom API to ensure URL of the posted resource is available as an access key for navigation purposes
WP 10 - Portal / MEDEV site and resource searching
10.1 Investigate the functional requirements for site searching in all areas
10.2 Investigate the whether the OpenObjects search engine will fulfill the requirements generated from 10.1
10.3 Implement findings
WP 11 - Porting content over to the new site
11.1 Audit and prioritise the porting of key website sections, candidates to include:
- Workshop bookings and publication
- Contact details administration and user checking
- Group management
- Workshop proposals
- Mini-project proposals
- Publication requests
- Newsletter publication process
- Uploading resources
- FAQs,glossary, projects, special reports, best practice
11.2 Implement new content using outcomes of WP 7
WP 12 MEDEV site information architecture
12.1 Based upon outcomes of 11.1, 2.3, WP 4, WP 8 and WP9, develop a new information architecture for the site, with particular focus on resources (using 'set pattern' for navigation)
Posted by pj at 01:02 PM
February 17, 2005
Second draft of website workpackages
Workpackage 1 - Joint MDVM / HSP portal demonstrator page at http://www.health.ac.uk
- Determine portal page functional requirements
- Produce a non-styled mock-up to test content combinations
- Produce a wireframe for the page
- Finalise and implement outcomes of navigation WP
- Finalise content and wireframe and produce CSS
- Implement final demonstrator page
Workpackage 2 - New MDVM website - initially of limited scope
- Determine initial page functional requirements
- Produce a non-styled mock-up to test content combinations
- Produce a wireframe for the page
- Finalise and implement outcomes of navigation WP
- Produce a node / site map on paper
- Finalise content and wireframe and produce CSS
- Implement final page
Workpackage 3 - Navigation design
- Develop and model demonstrator navigation elements for portal page
- Develop and model final MDVM site navigation to ensure interim model fits
- Develop and model interim navigational elements for MDVM interim site (referencing old site navigation)
- Implement navigational elements
Workpackage 4 - Visual design and branding
- Finalise branding for MDVM website (probably based on our PPT style)
- Request all necessary logos from Academy
- Produce CSS to implement MDVM site branding
- Do the same for the joint Portal page
Workpackage 5 - RSS and iCalendar feeds
- Finalise events database table structure
- Develop new events RSS feeds using the Event module
- Develop new fund ops RSS feeds using new schema
- Refine iCalendar view of events
- Build movabletype Latest additions consumer pod into MDVM homepage
- Forms for event information entry to include appropriate publishing and editorial controls
- Forms for fund ops information entry to include appropriate publishing and editorial controls
- Include feeds from mini-projects RSS and a number of blogs (to be determined)
- Hack Feed2JS or MagpieRSS tools to handle the new RSS formats
Workpackage 6 - MovableType gubbins
- Investigate the strengths and threats of using MT for classification over and above a home grown DB approach
- Implement a movabletype blog for Latest additions blogging and feed (to double for classification of resources too)
Workpackage 7 - Using Plone for static managing static content from multiple authors
- Investigate the strengths and threats of using Plone as part of our CMS or exclusively as against a home grown approach
- Investigate if resources external to Plone can be rolled into the publishing workflow and controls without having to extend the content model with Archetypes etc.
- Implement Plone for use as a publishing environment for static authoring by naieve users
- Skin Plone with new branding
Workpackage 8 - Portal / MDVM site and resource searching
- Investigate the functional requirements for site searching in all areas
- Implement according to findings of the above
Workpackage 9 - DTML to ZPT and / or Plone porting
- Generic form builder and manager DTML
- Workshop proposals
- Mini-project proposals
- Publication requests
- Workshop publishing
- Workshop bookings
- Contact details administration
- Contact details user checking
- Newsletter publication process
- Uploading of resources for MPs and WSs
- FAQ, Glossary, project reports and websites, special reports
Workpackage 10 - XSLT based RSS to HTML conversion
- Develop Zope / Python based tools for running XSLT transformations on the various flavours of RSS feeds (including new modules) we will be using
- Develop XSL stylesheets for transformations
Posted by pj at 01:18 PM
February 16, 2005
First stab at website workpackages
Workpackage 1 - Joint MDVM HSP portal page at http://www.health.ac.uk
Tasks:
- Determine portal page functional requirements
- Decide on HEALTH portal page branding and style including CSS
- Mock up a dummy page for review by MDVM, HSP and BIOME
Workpackage 2 - New MDVM website with limited scope
- Determine the scope of the new website
- Determine which areas will still be served from the old site
- Develop new MDVM branding
- Mock up a style-less barebones HTML page which includes everything that is required structurally to test what content should go where
- Finalise events database structure
- Develop new events RSS feeds using the Event module
- Develop final iCalendar view of events
- Develop forms for event information entry along with appropriate publishing and editorial control workflow
- Develop forms for fund ops information entry along with appropriate publishing and editorial control workflow
- Develop new fund ops RSS feed using fund ops module
- Set-up a movabletype blog for news feed
- Hack Feed2JS or MagpieRSS tools to handle new RSS formats
- Investigate and list the strengths and threats of using movabletype for classification over and above a home made DB approach
- Set up a movabletype blog for Latest additions blogging and feed (this will double for classification of resources too).
- Produce a wireframe for the homepage
- Produce a paper site map based upon the output of 4 above
Workpackage 3 - Do a cost benefit analysis of what Plone offers us over a home grown CMS approach
- List Plone benefits for suitable comparison
- Investigate if resources external to Plone can be rolled into the publishing workflow and controls without having to extend content model with new archetypes etc.
Workpackage 4 - Set-up Plone for use as a publishing environment for static content
Workpackage 5 - Specify the functional requirements for Portal and MDVM site and resource searching and implement
----------------------
Stuff that needs to be done:
- LTSN-01 staff contact details
- NPC listings
- Functional reqs for the joint Portal page
- Investigation of EPOZ vs Silva and Kupu for simple content authoring
- Investigation of best way to catalogue and classify site resources
- Investigating ways of managing non-standard Plone content within Plone vs MySQL
- Plone site skinning
- Porting of current services from old to new site and from DTML to ZPT including:
-- Generic form builder and manager DTML
-- Workshop proposals
-- Mini-project proposals
-- Publication requests
-- Workshop publishing
-- Workshop bookings
-- Contact details administration
-- Contact details user checking
-- Funding opportunities administration
-- Events administration
-- News administration
-- Newsletter publication process
-- Uploading of resources for MPs and WSs
-- search of BIOME database
-- FAQ, Glossary, project reports and websites, special reports
Posted by pj at 04:42 PM