<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>content-inventories &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/content-inventories/</link>
	<description>Feed of posts on WordPress.com tagged "content-inventories"</description>
	<pubDate>Mon, 07 Dec 2009 12:32:05 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[ComputerWeekly.com- An IA case study]]></title>
<link>http://kelwaydesign.wordpress.com/2007/12/05/computerweeklycom-an-ia-case-study/</link>
<pubDate>Wed, 05 Dec 2007 18:09:56 +0000</pubDate>
<dc:creator>James Kelway</dc:creator>
<guid>http://kelwaydesign.wordpress.com/2007/12/05/computerweeklycom-an-ia-case-study/</guid>
<description><![CDATA[This was not so much a redesign, or even a relaunch, but more of a resurrection of a site that had b]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>This was not so much a redesign, or even a relaunch, but more of a resurrection of a site that had become tired, old and ineffective. Its many shortcomings were highlighted with the onslaught of the new generation of sites from competitors that used user-generated content and a more social networking approach to their presentation layer.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/cw-screen-old.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/cw-screen-old-thumb.jpg?w=450&#038;h=323" style="border:0 none;" alt="cw_screen_old" border="0" height="323" width="450" /></a></p>
<h6><b>The old computerweekly.com</b></h6>
<p>As this site represented the best of computer related business journalism, it was apt that it should be the company&#8217;s first site that underwent a complete overhaul form the ground up.</p>
<p>It took nine months of development work from many different groups of specialists. The way the specialists were organised is explained in this <a href="http://userpathways.com/2007/11/06/inclusive-collaborative-agile-ucd/">article</a>. The project defined many working practices and processes that the company has embraced as a way of developing its other websites.</p>
<p>We listened to our  users, and applied our research and created a taxonomy and site structure that has moved the site forwards that a quick launch, or re-spray would not have done.</p>
<p>Our aims were to:</p>
<ul>
<li> Make our content easily found and visible to users within the site</li>
<li>Create a more enjoyable and valuable user experience that the users would return to</li>
<li>Increase page impressions to bring in site revenue</li>
<li>Allow the site staff more choice to be able to present rich media content</li>
<li>Give the site more personality and to interface with their audience</li>
</ul>
<p>The site is a great achievement for the company and the site editor, James Garner, walks through the features <a href="http://www.computerweekly.com/Articles/2007/11/23/228252/video-your-new-computer-weekly-website.htm">here</a> in this short video.</p>
<p><b>Selling the vision</b></p>
<p>In any project you need to have a vision of what you are trying to achieve and you need to communicate this to all stakeholders, with the speed and clarity of an elevator pitch, so as to avoid confusion or boredom.</p>
<p>This helps all team members to see your vision and an array of deliverable will also encourage that. Information architecture is a difficult concept for many to get their heads around as it encompasses many different areas.</p>
<p>We knew as a team that we had to sell IA as well as implement change during the design process. This task was hard, but with persistence and humor a lot has been achieved.</p>
<p><b>Information gathering</b></p>
<p>We knew from a <a href="http://userpathways.com/2007/08/15/the-return-of-the-content-inventory/">content audit</a> that  the site was dysfunctional, broken links, redundant content and poor usability plagued the site and made for an intensely frustrating week whilst I inputted the spreadsheet. But it was worthwhile as we knew what we wanted to keep and throw away. We also realized how much content became lost the second it moved from the home page. All the rich, deep content was impossible to find &#8211; and these were high value research papers.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/cw-persona1.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/cw-persona-thumb1.jpg" style="border:0 none;" alt="cw_persona" border="0" /></a></p>
<p>Personas were created from 30 depth interviews,  20 ethnographic studies and 950 online user surveys. This gave us a suite of 6 users we were happy with. It was interesting to find out the types that are associated with the IT industry. They have a thirst for knowledge, they need to know more than their bosses, to have the appearance of knowing the latest trends and being up to date. They are generally quite suspicious or skeptical so will not share information readily with other members of the community. But they do read blogs and respect expert opinion, they just do not contribute.</p>
<p>With these personas fully formed, and the business objectives (or what we wanted them to do on our site) worked out we could then start the taxonomy creation.</p>
<p><b>Hitbox &#8211; HBX Analytics</b></p>
<p>During this project we were very fortunate to work alongside <a href="http://www.whencanistop.com/">Alec Cochrane</a>, the web analytics manager who has his finger on the pulse of the site audiences everyday. he provided us with insight into user behaviors, where we had high bounce rates from visitors arriving from SERPS (search engine results pages). He also gave us a scorecard of where the site was failing in terms of traffic and engagement with the user. We knew what the users were searching for, and pretty quickly we could tell why they were not finding the content that we knew we had.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/analytics.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/analytics-thumb.jpg" style="border:0 none;" alt="analytics" border="0" height="338" width="450" /></a></p>
<h6><b>Analytics screen showing overlay on the new website</b></h6>
<p>This was a crucial factor in building the design. We not only had data through research, user interviews and surveys but we also have the live data of what the users actually do on the site. These behaviours are so valuable in a commercial sense because we know the flow of user traffic and the funnels that occur and how we convert a browser to become a subscriber of a service. By looking at the web metrics we were able to understand the patterns of usage, the popular and unpopular areas. The depth of information enabled us to formulate a plan quickly.</p>
<p>Alec has also come up with a series of metrics, that can measure the effect of the redesign from pre-launch to post-launch. This will effectively  measure the effectiveness of the IA work and give us an ROI. We can then actually quantify the increases in page consumption and engagement. More details of this are written in Alec&#8217;s blog <a href="http://www.whencanistop.com/2007/10/getting-your-users-to-engage.html">here</a>.</p>
<p>This ability to give ROI is a  massive plus to the whole IA cause. IA has always had a big problem. Although it is a logical and an intelligent approach to website design, the biggest question has always been if the cost justifies the effort. In the next few months we hope to show the difference the work we have done has made to the site, and the revenue it will generate.</p>
<p><b>Persona driven taxonomy </b></p>
<p>My fellow IA, Rachel Hammond&#8217;s grasp of her field led us to approach this area of the redesign with confidence but also with a new angle. As we knew our user base were industry experts we also knew that the vocabulary they used was specific and related to specific areas of their markets.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/teragram.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/teragram-thumb.jpg" style="border:0 none;" alt="teragram" border="0" height="264" width="300" /></a></p>
<h6><b>The interface used to manage the CW taxonomy</b></h6>
<p>The two key aspects of information taxonomy are taxonomy structure and taxonomy view.</p>
<p>Taxonomy structure provides a classification schema for categorizing content within the content management process. the structure is aligned to the personas and our users&#8217; behaviours has given CW a great advantage over their competitors because it is not realistic content.</p>
<p>The taxonomy forms the backbone of the site structure. It was created by gathering as many sources together around the industry (websites, journals, whitepapers) and breaking these down to unique elements and clustering these together to form categories to classify our content against.</p>
<p>This screen grab shows the taxonomy within the site&#8217;s bespoke search service (called <a href="http://zibb.com">Zibb</a>, powered by <a href="http://www.fastsearch.com/">FAST</a>). The CW taxonomy forms the basis of navigation, categorisation of content and highlights areas for future development. Zibb also ensured our search results were serving up related content contextually.</p>
<p><img src="http://userpathways.files.wordpress.com/2007/12/zibb-search-results-thumb.jpg" style="border:0 none;" alt="zibb-search-results" border="0" height="361" width="450" /></p>
<h6><b>Zibb serves up the search results with contextual related content</b></h6>
<p><b>Concept Model and blueprint</b></p>
<p>We then produced a <a href="http://userpathways.com/2007/10/16/concept-models-illustrating-business-strategy/">concept model</a> illustrating the types of information, ideas, and requirements to be presented on the Web, this is the taxonomy view. It represents the logical grouping of content visible to a site visitor and serves as input for website design and search engineering. I cover this in more detail here. We were fortunate to have really strong personas for this project that enabled us to find out how our users consume information, their behaviors, wants and needs.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/cw-concept.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/cw-concept-thumb.jpg" style="border:0 none;" alt="CW_concept" border="0" height="338" width="450" /></a></p>
<p>Four main areas were defined by looking at the community of users. News was an obvious requirement, defined by their particular area of interest within the sector. The need for knowledge was evident, and we created an in-depth research area where case studies and whitepapers could be housed and easily accessed within the categories defined in the taxonomy. Tools and services, RSS and email news alerts and newsletters, reflected the need to be kept up to date and in tune with their specialism.</p>
<p>Finally, although the CW community was secretive and did not divulge information amongst their peers readily, they were very interest in expert opinion. The need for this type of information gave rise to much more integrated blog postings.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/sitemap.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/sitemap-thumb.jpg" style="border:0 none;" alt="sitemap" border="0" height="360" width="450" /></a></p>
<p>Together, these concepts guided our Web development efforts and in turn will maximise return on investment. The theory is generally that if the product is build right the users will come. Everything is specific to an area in the IT industry. This targeted delivery of information has also helped the sales teams target advertisers. The four channels that the taxonomy design created has given the team a great platform to build from, editorially and commercially.</p>
<p>The concept model then informed the blueprint (or site map).The concept model ensured the site structure has truly reflected user goals and this is also taken through to the wire frames and eventually the look and feel of the final pages.</p>
<p><b> Interface development</b></p>
<p>The navigation scheme defines all the elements of the page that users interact with to advance to other areas within the site. It also clarifies the naming of those items on the page. Its important that this is a document and not a visual representation at this stage as it allows us to keep the naming of items and their organisation removed from the  visual layout or look and feel. This avoids lock down in the way the design team perceives the new design.</p>
<p>When the deliverables above are complete, we need to consider the prioritisation of information and content for each page, which in turn facilitates the production of wire frames. Its important to note that the wire frame represents;</p>
<ul>
<li>The culmination of all research to date</li>
<li>It describes the interface that our users have with our product and also indicates the interactions they have with elements on the page</li>
<li>It allows concentration on functional aspects of the site and not brand or graphic execution</li>
<li>It must be noted that it is a working document that will change as the iterative design process progresses</li>
</ul>
<p><b>Core and Paths</b></p>
<p>A key element to this design was the method outlined by <a href="http://iavoice.typepad.com/ia_voice/2006/11/interview_with_.html">Are Halland</a> at the IA Summit in Las Vegas this year. Such is the strength of this approach to web page design we decided to embrace it for this project. His presentation on this subject can be seen <a href="http://www.slideshare.net/aregh/core-and-paths-designing-findability-from-the-inside-and-out">here</a>. Primarily, as he puts it, it is &#8216;designing findability inside out&#8217;.</p>
<p>This process is divided into three key stages:</p>
<ol>
<li><b>Prioritise and design the core</b> <b>–</b> This is to satisfy user goals using prioritised content and functionality.</li>
<li><b>Design inward paths to the core – </b>Consider how users will arrive at the page from SERPs, facets, menus, search, RSS, aggregation, email etc.</li>
<li><b>Offer relevant outward paths from the core</b> – Ensure that the site delivers both user and business goals through clear calls to action and completion of interaction tasks.</li>
</ol>
<p><a href="http://userpathways.files.wordpress.com/2007/12/corepaths.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/corepaths-thumb.jpg" style="border:0 none;" alt="corepaths" border="0" height="325" width="450" /></a></p>
<p>This is a visual representation of the core and paths model. You may look at this and think ‘this is just common sense’, but it allows a user centred approach that can be aligned with business objectives. The reality is that this just doesn’t happen in the majority of web product development processes.</p>
<p>Looking at each stage in turn, the first stage is to design the core of the page.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/core.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/core-thumb.jpg" style="border:0 none;" alt="core" border="0" height="290" width="450" /></a></p>
<p>For CW.com, we used the home page, a channel level homepage, and a news article page. We looked at key content such as lead news story and the editor’s picks or the best from the web aggregated form external sources. The key functionality and supporting content also had to be included here and prioritised on the page.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/inward.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/inward-thumb.jpg" style="border:0 none;" alt="inward" border="0" height="257" width="400" /></a></p>
<p>Next we considered the inward paths, which are the channels that our users are likely to utilise to arrive at the page.</p>
<p>Inward paths may include: Search engines, Blogs, Social bookmarks, Syndication, Aggregation, RSS and Email subscriptions. The consideration of inward paths helped us to focus on the marketing channels that we needed to consider to drive users to the relevant type of page.  It also promotes focus on the keywords and themes that users are likely to use and how these can be utilised in the optimisation of the page for search and online marketing campaigns.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/outward.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/outward-thumb.jpg" style="border:0 none;" alt="outward" border="0" height="448" width="450" /></a></p>
<p>Finally we designed the outward paths that help users complete their online tasks and goals and our designated business objectives. These outward paths include:</p>
<ul>
<li>E newsletter sign-up</li>
<li>Inline links to related articles to drive page consumption</li>
<li>Sharing, printing or emailing of news articles</li>
<li>Related content types such as video or audio</li>
<li>Stimulating community participation in forums or blogs</li>
<li>Contextual navigation to aggregated content or the editors best bets</li>
<li>Subscription to an RSS feed</li>
</ul>
<p>An additional benefit of the core and paths model is that we can consider which types of content or pages we want to channel external link popularity or Google PageRank to. This can achieved through both a manual and automated process. A point to make here is that intrusive or excessive online advertising to drive monetisation should not comprise the long-term commercial benefits of a quality user experience.</p>
<p><b>Prioritising the content</b></p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/annotation1.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/annotation-thumb1.jpg" style="border:0 none;" alt="annotation" border="0" height="291" width="300" /></a></p>
<p>As the page impression becomes a less meaningful measurement due to new technology like AJAX, we are focusing more heavily on driving and monetising interaction (user engagement). This is an excellent model for prioritising the user interactions that we can monetise effectively in the future. Hopefully the results will prove another reason why it is such an effective way of producing website page design.</p>
<p>Once the wire frames have been approved the content is then organised so the most commercially valuable and user focused content is pushed to the top of the page. This is an area that James garner controls and he worked with us to establish a content priority.</p>
<p>As the design went through user testing, certain elements did change, as with any iterative process, but by the team collaborating the design solution remained true to the initial vision from concept to design delivery.</p>
<p><b>The development cycle</b></p>
<p><b></b>The wireframes were handed over to creative and they began designing the interface and graphic elements. The development group release some functional elements to the old website before the relaunch.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/widget.jpg"><img src="http://userpathways.files.wordpress.com/2007/12/widget-thumb.jpg" style="border:0 none;" alt="WIDGET" border="0" height="198" width="486" /></a></p>
<p>These agile methods allowed the old site to feel the benefits of the new widgets. However, as the site changed so radically in the new design, we still had to release the site in an old style &#8216;big-bang&#8217; manner. This is perhaps where agile has its problems as a methodology for new launches. It is a great tool to implement incremental changes but not for a completely new site.</p>
<p><b>A holistic approach&#8230;.or joined up thinking</b></p>
<p>By providing IA deliverables we ensured a more comprehensive brief being delivered to the design and development team. Our approach addressed concerns of marketing, editorial, sales and business development with the needs and wants of the user. This was aligned with the achievable technological delivery from the IT team that ensured we delivered the vision of what we wanted to give the user.</p>
<p><a href="http://www.computerweekly.com/"><img src="http://userpathways.files.wordpress.com/2007/12/cw-screen-new.jpg" style="border:0 none;" alt="cw_screen_new" border="0" height="230" width="400" /></a></p>
<p>The best online experience can be defined by the standard of the information found and the speed in which the user can access content. With this new site the hope is that all the research, best practice and application of methodology will result in a site that has a structure that provides a solid foundation for all the developments it will have in the future.</p>
<p>Even though the birth of the site was sometimes a difficult one, it is just the beginning for the Computer Weekly team. New tools and features are now being lined up for the second phase of the site. The core IA work has enabled the site to be future-focused and versatile. Good sites should be able to adapt to change,with the structure and design allowing this to happen.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[ComputerWeekly.com- An IA case study]]></title>
<link>http://userpathways.wordpress.com/2007/12/05/computerweeklycom-an-ia-case-study/</link>
<pubDate>Wed, 05 Dec 2007 18:09:56 +0000</pubDate>
<dc:creator>James Kelway</dc:creator>
<guid>http://userpathways.wordpress.com/2007/12/05/computerweeklycom-an-ia-case-study/</guid>
<description><![CDATA[This was not so much a redesign, or even a relaunch, but more of a resurrection of a site that had b]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>This was not so much a redesign, or even a relaunch, but more of a resurrection of a site that had become tired, old and ineffective. Its many shortcomings were highlighted with the onslaught of the new generation of sites from competitors that used user-generated content and a more social networking approach to their presentation layer.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/cw-screen-old.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/cw-screen-old-thumb.jpg?w=450&#038;h=323" alt="cw_screen_old" height="323" style="border:0;" /></a></p>
<h6><b>The old computerweekly.com</b></h6>
<p>As this site represented the best of computer related business journalism, it was apt that it should be the company&#8217;s first site that underwent a complete overhaul from the ground up.</p>
<p>It took nine months of development work from many different groups of specialists. The way the specialists were organised is explained in this <a href="http://userpathways.com/2007/11/06/inclusive-collaborative-agile-ucd/">article</a>. The project defined many working practices and processes that the company has embraced as a way of developing its other websites.</p>
<p>We listened to our users, and applied our research and created a taxonomy and site structure that has moved the site forwards that a quick launch, or re-spray would not have done.</p>
<p>Our aims were to:</p>
<ul>
<li>Make our content easily found and visible to users within the site</li>
<li>Create a more enjoyable and valuable user experience that the users would return to</li>
<li>Increase page impressions to bring in site revenue</li>
<li>Allow the site staff more choice to be able to present rich media content</li>
<li>Give the site more personality and to interface with their audience</li>
</ul>
<p>The site is a great achievement for the company and the site editor, James Garner, walks through the features <a href="http://www.computerweekly.com/Articles/2007/11/23/228252/video-your-new-computer-weekly-website.htm">here</a> in this short video.</p>
<p><b>Selling the vision</b></p>
<p>In any project you need to have a vision of what you are trying to achieve and you need to communicate this to all stakeholders, with the speed and clarity of an elevator pitch, so as to avoid confusion or boredom.</p>
<p>This helps all team members to see your vision and an array of deliverables will also encourage that. Information architecture is a difficult concept for many to get their heads around as it encompasses many different areas.</p>
<p>We knew as a team that we had to sell IA as well as implement change during the design process. This task was hard, but with persistence and humor a lot has been achieved.</p>
<p><b>Information gathering</b></p>
<p>We knew from a <a href="http://userpathways.com/2007/08/15/the-return-of-the-content-inventory/">content audit</a> that the site was dysfunctional, broken links, redundant content and poor usability plagued the site and made for an intensely frustrating week whilst I inputted the spreadsheet. But it was worthwhile as we knew what we wanted to keep and throw away. We also realized how much content became lost the second it moved from the home page. All the rich, deep content was impossible to find &#8211; and these were high value research papers.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/cw-persona1.jpg"><img border="0" src="http://userpathways.files.wordpress.com/2007/12/cw-persona-thumb1.jpg" alt="cw_persona" style="border:0;" /></a></p>
<p>Personas were created from 30 depth interviews, 20 ethnographic studies and 950 online user surveys. This gave us a suite of 6 users we were happy with. It was interesting to find out the types that are associated with the IT industry. They have a thirst for knowledge, they need to know more than their bosses, to have the appearance of knowing the latest trends and being up to date. They are generally quite suspicious or skeptical so will not share information readily with other members of the community. But they do read blogs and respect expert opinion, they just do not contribute.</p>
<p>With these personas fully formed, and the business objectives (or what we wanted them to do on our site) worked out we could then start the taxonomy creation.</p>
<p><b>Hitbox &#8211; HBX Analytics</b></p>
<p>During this project we were very fortunate to work alongside <a href="http://www.whencanistop.com/">Alec Cochrane</a>, the web analytics manager who has his finger on the pulse of the site audiences everyday. he provided us with insight into user behaviors, where we had high bounce rates from visitors arriving from SERPS (search engine results pages). He also gave us a scorecard of where the site was failing in terms of traffic and engagement with the user. We knew what the users were searching for, and pretty quickly we could tell why they were not finding the content that we knew we had.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/analytics.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/analytics-thumb.jpg" alt="analytics" height="338" style="border:0;" /></a></p>
<h6><b>Analytics screen showing overlay on the new website</b></h6>
<p>This was a crucial factor in building the design. We not only had data through research, user interviews and surveys but we also have the live data of what the users actually do on the site. These behaviours are so valuable in a commercial sense because we know the flow of user traffic and the funnels that occur and how we convert a browser to become a subscriber of a service. By looking at the web metrics we were able to understand the patterns of usage, the popular and unpopular areas. The depth of information enabled us to formulate a plan quickly.</p>
<p>Alec has also come up with a series of metrics, that can measure the effect of the redesign from pre-launch to post-launch. This will effectively measure the effectiveness of the IA work and give us an ROI. We can then actually quantify the increases in page consumption and engagement. More details of this are written in Alec&#8217;s blog <a href="http://www.whencanistop.com/2007/10/getting-your-users-to-engage.html">here</a>.</p>
<p>This ability to give ROI is a massive plus to the whole IA cause. IA has always had a big problem. Although it is a logical and an intelligent approach to website design, the biggest question has always been if the cost justifies the effort. In the next few months we hope to show the difference the work we have done has made to the site, and the revenue it will generate.</p>
<p><b>Persona driven taxonomy </b></p>
<p>My fellow IA, Rachel Hammond&#8217;s grasp of her field led us to approach this area of the redesign with confidence but also with a new angle. As we knew our user base were industry experts we also knew that the vocabulary they used was specific and related to specific areas of their markets.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/teragram.jpg"><img border="0" width="300" src="http://userpathways.files.wordpress.com/2007/12/teragram-thumb.jpg" alt="teragram" height="264" style="border:0;" /></a></p>
<h6><b>The interface used to manage the CW taxonomy</b></h6>
<p>The two key aspects of information taxonomy are taxonomy structure and taxonomy view.</p>
<p>Taxonomy structure provides a classification schema for categorizing content within the content management process. the structure is aligned to the personas and our users&#8217; behaviours has given CW a great advantage over their competitors because it is realistic content.</p>
<p>The taxonomy forms the backbone of the site structure. It was created by gathering as many sources together around the industry (websites, journals, whitepapers) and breaking these down to unique elements and clustering these together to form categories to classify our content against.</p>
<p>This screen grab shows the taxonomy within the site&#8217;s bespoke search service (called <a href="http://zibb.com">Zibb</a>, powered by <a href="http://www.fastsearch.com/">FAST</a>). The CW taxonomy forms the basis of navigation, categorisation of content and highlights areas for future development. Zibb also ensured our search results were serving up related content contextually.</p>
<p><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/zibb-search-results-thumb.jpg" alt="zibb-search-results" height="361" style="border:0;" /></p>
<h6><b>Zibb serves up the search results with contextual related content</b></h6>
<p><b>Concept Model and blueprint</b></p>
<p>We then produced a <a href="http://userpathways.com/2007/10/16/concept-models-illustrating-business-strategy/">concept model</a> illustrating the types of information, ideas, and requirements to be presented on the Web, this is the taxonomy view. It represents the logical grouping of content visible to a site visitor and serves as input for website design and search engineering. I cover this in more detail here. We were fortunate to have really strong personas for this project that enabled us to find out how our users consume information, their behaviors, wants and needs.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/cw-concept.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/cw-concept-thumb.jpg" alt="CW_concept" height="338" style="border:0;" /></a></p>
<p>Four main areas were defined by looking at the community of users. News was an obvious requirement, defined by their particular area of interest within the sector. The need for knowledge was evident, and we created an in-depth research area where case studies and whitepapers could be housed and easily accessed within the categories defined in the taxonomy. Tools and services, RSS and email news alerts and newsletters, reflected the need to be kept up to date and in tune with their specialism.</p>
<p>Finally, although the CW community was secretive and did not divulge information amongst their peers readily, they were very interest in expert opinion. The need for this type of information gave rise to much more integrated blog postings.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/sitemap.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/sitemap-thumb.jpg" alt="sitemap" height="360" style="border:0;" /></a></p>
<p>Together, these concepts guided our Web development efforts and in turn will maximise return on investment. The theory is generally that if the product is built right the users will come. Everything is specific to an area in the IT industry. This targeted delivery of information has also helped the sales teams target advertisers. The four channels that the taxonomy design created has given the team a great platform to build from, editorially and commercially.</p>
<p>The concept model then informed the blueprint (or site map).The concept model ensured the site structure has truly reflected user goals and this is also taken through to the wire frames and eventually the look and feel of the final pages.</p>
<p><b>Interface development</b></p>
<p>The navigation scheme defines all the elements of the page that users interact with to advance to other areas within the site. It also clarifies the naming of those items on the page. Its important that this is a document and not a visual representation at this stage as it allows us to keep the naming of items and their organisation removed from the visual layout or look and feel. This avoids lock down in the way the design team perceives the new design.</p>
<p>When the deliverables above are complete, we need to consider the prioritisation of information and content for each page, which in turn facilitates the production of wire frames. Its important to note that the wire frame represents;</p>
<ul>
<li>The culmination of all research to date</li>
<li>It describes the interface that our users have with our product and also indicates the interactions they have with elements on the page</li>
<li>It allows concentration on functional aspects of the site and not brand or graphic execution</li>
<li>It must be noted that it is a working document that will change as the iterative design process progresses</li>
</ul>
<p><b>Core and Paths</b></p>
<p>A key element to this design was the method outlined by <a href="http://iavoice.typepad.com/ia_voice/2006/11/interview_with_.html">Are Halland</a> at the IA Summit in Las Vegas this year. Such is the strength of this approach to web page design we decided to embrace it for this project. His presentation on this subject can be seen <a href="http://www.slideshare.net/aregh/core-and-paths-designing-findability-from-the-inside-and-out">here</a>. Primarily, as he puts it, it is &#8216;designing findability inside out&#8217;.</p>
<p>This process is divided into three key stages:</p>
<ol>
<li><b>Prioritise and design the core</b> <b>–</b> This is to satisfy user goals using prioritised content and functionality.</li>
<li><b>Design inward paths to the core – </b>Consider how users will arrive at the page from SERPs, facets, menus, search, RSS, aggregation, email etc.</li>
<li><b>Offer relevant outward paths from the core</b> – Ensure that the site delivers both user and business goals through clear calls to action and completion of interaction tasks.</li>
</ol>
<p><a href="http://userpathways.files.wordpress.com/2007/12/corepaths.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/corepaths-thumb.jpg" alt="corepaths" height="325" style="border:0;" /></a></p>
<p>This is a visual representation of the core and paths model. You may look at this and think ‘this is just common sense’, but it allows a user centred approach that can be aligned with business objectives. The reality is that this just doesn’t happen in the majority of web product development processes.</p>
<p>Looking at each stage in turn, the first stage is to design the core of the page.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/core.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/core-thumb.jpg" alt="core" height="290" style="border:0;" /></a></p>
<p>For CW.com, we used the home page, a channel level homepage, and a news article page. We looked at key content such as lead news story and the editor’s picks or the best from the web aggregated form external sources. The key functionality and supporting content also had to be included here and prioritised on the page.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/inward.jpg"><img border="0" width="400" src="http://userpathways.files.wordpress.com/2007/12/inward-thumb.jpg" alt="inward" height="257" style="border:0;" /></a></p>
<p>Next we considered the inward paths, which are the channels that our users are likely to utilise to arrive at the page.</p>
<p>Inward paths may include: Search engines, Blogs, Social bookmarks, Syndication, Aggregation, RSS and Email subscriptions. The consideration of inward paths helped us to focus on the marketing channels that we needed to consider to drive users to the relevant type of page. It also promotes focus on the keywords and themes that users are likely to use and how these can be utilised in the optimisation of the page for search and online marketing campaigns.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/outward.jpg"><img border="0" width="450" src="http://userpathways.files.wordpress.com/2007/12/outward-thumb.jpg" alt="outward" height="448" style="border:0;" /></a></p>
<p>Finally we designed the outward paths that help users complete their online tasks and goals and our designated business objectives. These outward paths include:</p>
<ul>
<li>E newsletter sign-up</li>
<li>Inline links to related articles to drive page consumption</li>
<li>Sharing, printing or emailing of news articles</li>
<li>Related content types such as video or audio</li>
<li>Stimulating community participation in forums or blogs</li>
<li>Contextual navigation to aggregated content or the editors best bets</li>
<li>Subscription to an RSS feed</li>
</ul>
<p>An additional benefit of the core and paths model is that we can consider which types of content or pages we want to channel external link popularity or Google PageRank to. This can achieved through both a manual and automated process. A point to make here is that intrusive or excessive online advertising to drive monetisation should not comprise the long-term commercial benefits of a quality user experience.</p>
<p><b>Prioritising the content</b></p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/annotation1.jpg"><img border="0" width="300" src="http://userpathways.files.wordpress.com/2007/12/annotation-thumb1.jpg" alt="annotation" height="291" style="border:0;" /></a></p>
<p>As the page impression becomes a less meaningful measurement due to new technology like AJAX, we are focusing more heavily on driving and monetising interaction (user engagement). This is an excellent model for prioritising the user interactions that we can monetise effectively in the future. Hopefully the results will prove another reason why it is such an effective way of producing website page design.</p>
<p>Once the wire frames have been approved the content is then organised so the most commercially valuable and user focused content is pushed to the top of the page. This is an area that James garner controls and he worked with us to establish a content priority.</p>
<p>As the design went through user testing, certain elements did change, as with any iterative process, but by the team collaborating the design solution remained true to the initial vision from concept to design delivery.</p>
<p><b>The development cycle</b></p>
<p><b></b>The wireframes were handed over to creative and they began designing the interface and graphic elements. The development group release some functional elements to the old website before the relaunch.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/12/widget.jpg"><img border="0" width="486" src="http://userpathways.files.wordpress.com/2007/12/widget-thumb.jpg" alt="WIDGET" height="198" style="border:0;" /></a></p>
<p>These agile methods allowed the old site to feel the benefits of the new widgets. However, as the site changed so radically in the new design, we still had to release the site in an old style &#8216;big-bang&#8217; manner. This is perhaps where agile has its problems as a methodology for new launches. It is a great tool to implement incremental changes but not for a completely new site.</p>
<p><b>A holistic approach&#8230;.or joined up thinking</b></p>
<p>By providing IA deliverables we ensured a more comprehensive brief being delivered to the design and development team. Our approach addressed concerns of marketing, editorial, sales and business development with the needs and wants of the user. This was aligned with the achievable technological delivery from the IT team that ensured we delivered the vision of what we wanted to give the user.</p>
<p><a href="http://www.computerweekly.com/"><img border="0" width="400" src="http://userpathways.files.wordpress.com/2007/12/cw-screen-new.jpg" alt="cw_screen_new" height="230" style="border:0;" /></a></p>
<p>The best online experience can be defined by the standard of the information found and the speed in which the user can access content. With this new site the hope is that all the research, best practice and application of methodology will result in a site that has a structure that provides a solid foundation for all the developments it will have in the future.</p>
<p>Even though the birth of the site was sometimes a difficult one, it is just the beginning for the Computer Weekly team. New tools and features are now being lined up for the second phase of the site. The core IA work has enabled the site to be future-focused and versatile. Good sites should be able to adapt to change,with the structure and design allowing this to happen.</p>
<p><a href="http://www.digg.com"><br />
<img width="100" src="http://digg.com/img/badges/100x20-digg-button.png" alt="Digg!" height="20" /><br />
</a></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[The return of the Content Inventory]]></title>
<link>http://userpathways.wordpress.com/2007/08/15/the-return-of-the-content-inventory/</link>
<pubDate>Wed, 15 Aug 2007 15:05:43 +0000</pubDate>
<dc:creator>James Kelway</dc:creator>
<guid>http://userpathways.wordpress.com/2007/08/15/the-return-of-the-content-inventory/</guid>
<description><![CDATA[Luckily I haven&#8217;t had to do these for a while as the projects have moved on to the core IA tas]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Luckily I haven&#8217;t had to do these for a while as the projects have moved on to the core IA tasks but more about those in the coming weeks.</p>
<p>Content Inventories or Content Audits ( a less detailed look at the physical make up of your site) are time consuming and do take a fair degree of concentration to achieve the end results. They are not fun, they are dull and if you do them make sure you get paid every last penny for the trouble.</p>
<p>Nobody in their right mind would ever do these for amusement (unless they are twisted) but they are so important in gauging what the site is all about and what it has to offer.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/08/grab-ca.jpg"><img border="0" width="294" src="http://userpathways.files.wordpress.com/2007/08/grab-ca-thumb.jpg?w=294&#038;h=221" alt="Content Audit screen grab" height="221" style="border-width:0;" /></a></p>
<h6>An Excel spreadsheet earlier today</h6>
<p>The importance of an audit comes out when designing the new structure of a site. It also helps to gain real inside knowledge that not even the site owners may have.</p>
<p>Being the most knowledgeable in the team about the product is never a bad thing and gives you much needed ammunition for future battles. For instance they may be sentimental about an item that rarely gets any traffic, only you will know the facts through analysis of web metrics - the decision to remove the item becomes easy.</p>
<p><a href="http://userpathways.files.wordpress.com/2007/08/analytics.jpg"><img border="0" width="358" src="http://userpathways.files.wordpress.com/2007/08/analytics-thumb.jpg?w=358&#038;h=242" alt="analytics" height="242" style="border-width:0;" /></a></p>
<h6>Statistics to back up the arguments &#8211; evidence based design decisions</h6>
<p>You will also see where content is sparse but where traffic may be heading and be able to raise this to the content providers. Some analysis tools also give you overlays of the users&#8217; click behaviour &#8211; another great tool for deciding priority of the content.</p>
<p>The main areas covered in a Content Audit are;</p>
<ul>
<li><strong>Page ID</strong> &#8211; Allows future references in documentation to be made easily. The Home page starts with a zero, and decimal from there on in.</li>
<li><strong>Existing Navigation Category</strong> &#8211; News, Products or Suppliers for instance.</li>
<li><strong>Page Description</strong> &#8211; What is it you are looking at? Is it a News home page, a product listing or a contact page with Vcards?</li>
<li><strong>Page Elements</strong> &#8211; What is actually on the page? Name the individual content types. Poll, news article headline, body text, image etc.</li>
<li><strong>Format</strong> &#8211; What is the file type? HTML, JPEG etc</li>
<li><strong>Content Location</strong> &#8211; Where does the page reside? Use URL string</li>
<li><strong>Links to</strong> &#8211; Where does the page link to? USe URL string</li>
<li><strong>Purpose</strong> &#8211; What is the point of the page??</li>
<li><strong>Author</strong> &#8211; Who created the page</li>
<li><strong>Publisher</strong> &#8211; Who published the page</li>
<li><strong>3rd Party Content</strong> &#8211; What external content is served up here</li>
<li><strong>Traffic</strong> &#8211; What are the traffic stats associated to the page or section</li>
</ul>
<p>  And that is it. All you have to do now is go through each unique page type and fill out the spreadsheet. Once that is done, you can then create a suggested structure on a new tab.</p>
<p>Compare and contrast with your client group and watch them marvel at your Excel prowess (you will be a master by now) and your irrefutable page analysis and recommendations. All in a (few) days work (or a week for a large site) for an IA. Things only get better from this point on&#8230;..</p>
<p><a rel="tag" href="http://technorati.com/tag/Content+Inventories"><img src="http://static.technorati.com/static/img/pub/icon-utag-16x13.png?tag=Content+Inventories" alt=" " style="margin-left:0.4em;vertical-align:middle;border:0;" />Content Inventories</a></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Parts of the Process]]></title>
<link>http://kelwaydesign.wordpress.com/2007/03/30/parts-of-the-process/</link>
<pubDate>Fri, 30 Mar 2007 19:50:44 +0000</pubDate>
<dc:creator>James Kelway</dc:creator>
<guid>http://kelwaydesign.wordpress.com/2007/03/30/parts-of-the-process/</guid>
<description><![CDATA[I have just completed a four week project on a large computing website and although I am an IA virgi]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>I have just completed a four week project on a large computing website and although I am an IA virgin I am happy with the results. My colleague produced the taxonomy and controlled vocabulary and with the help of the <a href="http://www.oreilly.com/catalog/infotecture2/">polar bear book</a>, <a href="http://communicatingdesign.com/">Communicating Design</a> and the fantastic <a href="http://blog.jjg.net/">Elements of User Experience</a>, I think I am getting to grips with the dark arts of information design.</p>
<p>Its tricky that the more you read the more you feel impelled to produce increasing amounts of deliverables but obviously time and money are deciding factors here. You must strike a balance. This project has produced 9 documents in total. They are, in chronological order;</p>
<ul>
<li>Content Inventory</li>
<li>Information Scheme (requirements gathering)</li>
<li>Taxonomy</li>
<li>Controlled Vocabulary</li>
<li>Navigation scheme</li>
<li>Wireframe</li>
<li>Concept Model</li>
<li>Site Map</li>
<li>IA Strategy Report</li>
</ul>
<p> I feel that they are all crucial to produce a design that is truly user centred. They do rely on quality research data and user related deliverables (such as personas) are critical to the quality of output. Persona led taxonomies are what really underpins the structure in this context heavy environment but more of those later&#8230;.</p>
<p>What is important here is although two of us did the work, many more people helped create the end products. For a successful team you need to collaborate but you also need different skills in the core group. UCD and information science together seems to be the right mix.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Parts of the Process]]></title>
<link>http://userpathways.wordpress.com/2007/03/30/parts-of-the-process/</link>
<pubDate>Fri, 30 Mar 2007 19:50:44 +0000</pubDate>
<dc:creator>James Kelway</dc:creator>
<guid>http://userpathways.wordpress.com/2007/03/30/parts-of-the-process/</guid>
<description><![CDATA[I have just completed a four week project on a large computing website and although I am an IA virgi]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>I have just completed a four week project on a large computing website and although I am an IA virgin I am happy with the results. My colleague produced the taxonomy and controlled vocabulary and with the help of the <a href="http://www.oreilly.com/catalog/infotecture2/">polar bear book</a>, <a href="http://communicatingdesign.com/">Communicating Design</a> and the fantastic <a href="http://blog.jjg.net/">Elements of User Experience</a>, I think I am getting to grips with the dark arts of information design.</p>
<p>Its tricky that the more you read the more you feel impelled to produce increasing amounts of deliverables but obviously time and money are deciding factors here. You must strike a balance. This project has produced 9 documents in total. They are, in chronological order;</p>
<ul>
<li>Content Inventory</li>
<li>Information Scheme (requirements gathering)</li>
<li>Taxonomy</li>
<li>Controlled Vocabulary</li>
<li>Navigation scheme</li>
<li>Wireframe</li>
<li>Concept Model</li>
<li>Site Map</li>
<li>IA Strategy Report</li>
</ul>
<p> I feel that they are all crucial to produce a design that is truly user centred. They do rely on quality research data and user related deliverables (such as personas) are critical to the quality of output. Persona led taxonomies are what really underpins the structure in this context heavy environment but more of those later&#8230;.</p>
<p>What is important here is although two of us did the work, many more people helped create the end products. For a successful team you need to collaborate but you also need different skills in the core group. UCD and information science together seems to be the right mix.</p>
</div>]]></content:encoded>
</item>

</channel>
</rss>
