<?xml version="1.0" encoding="UTF-8"?>
<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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>aMack Design &#187; Northwestern</title>
	<atom:link href="http://www.amackdesign.com/tag/northwestern/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.amackdesign.com</link>
	<description>www.amackdesign.com</description>
	<lastBuildDate>Fri, 06 Aug 2010 17:24:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>NUIT eCommunicator</title>
		<link>http://www.amackdesign.com/nuit-ecommunicator/</link>
		<comments>http://www.amackdesign.com/nuit-ecommunicator/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 22:28:09 +0000</pubDate>
		<dc:creator>anisha</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[ecommunicator]]></category>
		<category><![CDATA[Northwestern]]></category>
		<category><![CDATA[nuit]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.amackdesign.com/blog/?p=24</guid>
		<description><![CDATA[eCommunicator is a quarterly newsletter about technology tools, services, and support at Northwestern University.]]></description>
			<content:encoded><![CDATA[<p>eCommunicator is a quarterly newsletter about technology tools, services, and support at Northwestern University. It&#8217;s a mini-site, with respective faculty/staff and students sites, designed quarterly that highlights latest Information Technology news and projects.</p>
<p>View present and past eCommunicators on the <a title="NUIT Publications page" href="http://www.it.northwestern.edu/news/publication/index.html">NUIT Web site</a>.</p>
<p style="text-align: center; clear:left;"><img class="aligncenter" src="http://www.amackdesign.com/i/blog/ecom-lrg.jpg" alt="" width="450" height="349" /></p>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=NUIT+eCommunicator+-+http://bit.ly/9fwHp6&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.amackdesign.com/nuit-ecommunicator/&amp;t=NUIT+eCommunicator" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.amackdesign.com/nuit-ecommunicator/&amp;title=NUIT+eCommunicator" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.amackdesign.com/nuit-ecommunicator/&amp;title=NUIT+eCommunicator&amp;summary=eCommunicator%20is%20a%20quarterly%20newsletter%20about%20technology%20tools%2C%20services%2C%20and%20support%20at%20Northwestern%20University.&amp;source=aMack Design" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.amackdesign.com/nuit-ecommunicator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Northwestern University IT Site Redesign</title>
		<link>http://www.amackdesign.com/nuit-redesign/</link>
		<comments>http://www.amackdesign.com/nuit-redesign/#comments</comments>
		<pubDate>Sun, 29 Mar 2009 19:33:12 +0000</pubDate>
		<dc:creator>anisha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[higher education]]></category>
		<category><![CDATA[Northwestern]]></category>
		<category><![CDATA[Northwestern University]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[w3c compliance]]></category>

		<guid isPermaLink="false">http://www.amackdesign.com/blog/?p=11</guid>
		<description><![CDATA[When I first came to Northwestern University, it was obvious that the Information Technology (NUIT) Web site needed a redesign. However, with project priorities, resources, etc. it wasn't at the top of the organization's list.]]></description>
			<content:encoded><![CDATA[<h2>The Original Design</h2>
<p style="text-align: center;" align="center"><a href="http://www.amackdesign.com/i/blog/nuit-old.jpg"><img class="aligncenter" src="http://www.amackdesign.com/i/blog/nuit-old.jpg" alt="" width="230" height="268" /></a></p>
<p style="clear:both;"><strong>Problems with the original design:</strong></p>
<ol>
<li><a href="#p1">Problem 1</a>- The design did not reflect Northwestern University branding, specifically color. I felt this was important because the NUIT organization supports teaching, research, and the administration of the University, and therefore should reflect the brand.</li>
<li><a href="#p2">Problem 2</a> &#8211; The site was in table format, which meant it wasn&#8217;t W3C compliant (and <a href="#access">Web accessible</a>).</li>
<li><a href="#p3">Problem 3 </a>- It was difficult getting various NUIT departments onboard of using the university content management system because they wanted their work to be on a site that showed forward-thinking design, a technology presence, Web 2.0 features, and a site that represented the change in time.</li>
<li><a href="#p4">Problem 4</a> &#8211; The home page was a content overload to an average user. I believe you should be able to go to a Web page and there should be links, navigation, etc. somewhere where you can identify yourself (especially on a service-driven such as the NUIT site)</li>
</ol>
<h2 style="clear:both;">The ReDesign</h2>
<p style="text-align: center;"><a href="http://www.amackdesign.com/i/blog/nuit-lrg.jpg"><img src="http://www.amackdesign.com/i/blog/nuit-lrg.jpg" alt="" width="489" height="307" /></a></p>
<p><strong>Resolution to the problem:</strong></p>
<ol>
<li><a name="p1"></a>I brought back the purple hue and added yellow and gray as accents.</li>
<li><a name="p2"></a>The site templates are in CSS format (meaning, the entire site is now Web accessible and W3C compliant.</li>
<li><a name="p3"></a>All departments within NUIT are now asking how they can build a Web site within the CMS. In addition, they want CMS training, and? information on how to they can utilize our teams marketing and communications services to brand and announce their projects the the university community. We&#8217;ve implemented RSS feeds, Blog capabilities, a YouTube campaign video, Podcasts, Webinars and more.</li>
<li><a name="p4"></a>Four identified site users were created based on site traffic analysis. The numerous mini-sites and Web pages were divided and organized into drop-down menus.</li>
</ol>
<h2 style="clear:both;"><a name="access"></a>About Web Accessibility</h2>
<p><strong>Web accessibility means that people with disabilities can use the Web</strong>. 	More specifically, Web accessibility means that people with 	disabilities can perceive, understand, navigate, and interact and 	contribute to the Web. It encompasses all disabilities that affect 	access to the Web, including visual, auditory, speech, cognitive, 	neurological, and physical disabilities. Learn more by going to the following links:</p>
<ul>
<li><a href="http://www.w3.org/">http://www.w3.org/ </a>, <a href="http://www.w3.org/WAI/">http://www.w3.org/WAI/ </a></li>
<li>How people with Disabilities use the Web: <a href="http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/20050505#shopper">http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/20050505#shopper </a></li>
<li>Evaluation tools: <a href="http://www.w3.org/WAI/eval/selectingtools#usages">http://www.w3.org/WAI/eval/selectingtools#usages</a></li>
<li>Implementation plan for Web Accessibility: <a href="http://www.w3.org/WAI/impl/Overview">http://www.w3.org/WAI/impl/Overview </a></li>
<li>Improving Accessibility : <a href="http://www.w3.org/WAI/impl/improving.html">http://www.w3.org/WAI/impl/improving.html </a></li>
<li>W3C Web Content Accessibility Guidelines 1.0 Conformance Logos: <a href="http://www.w3.org/WAI/WCAG1-Conformance.html">http://www.w3.org/WAI/WCAG1-Conformance.html </a></li>
<li> Web Content Accessibility Guidelines
<ul>
<li> <a href="http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html#tech-text-equivalent">http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html#tech-text-equivalent </a></li>
<li>Checkpoint list: <a href="http://www.w3.org/TR/WAI-WEBCONTENT/checkpoint-list.html">http://www.w3.org/TR/WAI-WEBCONTENT/checkpoint-list.html</a></li>
</ul>
</li>
</ul>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Northwestern+University+IT+Site+Redesign+-+http://bit.ly/c90Gwt&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.amackdesign.com/nuit-redesign/&amp;t=Northwestern+University+IT+Site+Redesign" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.amackdesign.com/nuit-redesign/&amp;title=Northwestern+University+IT+Site+Redesign" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.amackdesign.com/nuit-redesign/&amp;title=Northwestern+University+IT+Site+Redesign&amp;summary=When%20I%20first%20came%20to%20Northwestern%20University%2C%20it%20was%20obvious%20that%20the%20Information%20Technology%20%28NUIT%29%20Web%20site%20needed%20a%20redesign.%20However%2C%20with%20project%20priorities%2C%20resources%2C%20etc.%20it%20wasn%27t%20at%20the%20top%20of%20the%20organization%27s%20list.&amp;source=aMack Design" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.amackdesign.com/nuit-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
