<?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>Engelgrafik</title>
	<atom:link href="http://engelgrafik.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://engelgrafik.com</link>
	<description>Jeffrey Engel&#039;s work and thoughts on graphic design, information design and user experience.</description>
	<lastBuildDate>Wed, 31 Aug 2011 19:14:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Portfolio: &#8220;Russian Constructivism&#8221; meets American newspaper ads</title>
		<link>http://engelgrafik.com/2011/08/portfolio-russian-constructivism-meets-american-newspaper-ads/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-russian-constructivism-meets-american-newspaper-ads/#comments</comments>
		<pubDate>Wed, 31 Aug 2011 18:52:38 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[ads]]></category>
		<category><![CDATA[advertisement]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[newspaper]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[retail]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=525</guid>
		<description><![CDATA[<p>I used to work for the Tallahassee Democrat, a Knight-Ridder publication, as a &#8220;graphics marketing artist&#8221;. When I look back at those years, as hard as it was, I had a lot of fun being challenged to come up with &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I used to work for the Tallahassee Democrat, a Knight-Ridder publication, as a &#8220;graphics marketing artist&#8221;. When I look back at those years, as hard as it was, I had a lot of fun being challenged to come up with something creative out of something as mundane as a newspaper advertisement. I worked on several campaigns for security alarm companies, but these two ads hold a special place in my heart simply because I was able to bring a little &#8220;Russian-Constructivism-meets-1950s-Popular-Mechanics&#8221; style to something as simple as carpet and mattress retailers. They loved these ads, they were very different and they got a lot of great feedback from customers.</p>
<p><img class="size-full wp-image-233 alignleft" title="Turner's Furniture Outlet" src="http://engelgrafik.com/wp-content/uploads/TFO2.jpg" alt="" width="294" height="466" /></p>
<p><a href="http://engelgrafik.com/wp-content/uploads/carpettrader.jpg"><img class="aligncenter size-full wp-image-223" title="Carpet Trader" src="http://engelgrafik.com/wp-content/uploads/carpettrader.jpg" alt="" width="324" height="510" /></a></p>
<p style="text-align: left;"><img class="size-full wp-image-231 alignleft" title="Turner's Furniture Outlet" src="http://engelgrafik.com/wp-content/uploads/TFO1.jpg" alt="" width="271" height="432" /></p>
<p>The advertisement here was pretty funny because when we sat down with the client, they told us that students were coming back to school and they wanted to convey a feeling that the students really needed furniture. In a flash of utter brilliance &lt;/sarcasm&gt;, I exclaimed, &#8220;Why not just say &#8216;You need furniture&#8217;?&#8221; They went with it and had a great sale that weekend.</p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-russian-constructivism-meets-american-newspaper-ads/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: Web design from the &#8217;90s</title>
		<link>http://engelgrafik.com/2011/08/portfolio-web-design-from-the-90s-2/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-web-design-from-the-90s-2/#comments</comments>
		<pubDate>Tue, 30 Aug 2011 10:38:34 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[3D modeling]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=518</guid>
		<description><![CDATA[<p>Several websites I designed back in the previous century. The 3D image of the guy in the Spine Institute grab was something I set up in Poser. That was an interesting tool!</p>
<p>Bisk Totaltape were the folks who wrote all &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Several websites I designed back in the previous century. The 3D image of the guy in the Spine Institute grab was something I set up in Poser. That was an interesting tool!</p>
<p>Bisk Totaltape were the folks who wrote all of the CPA Exam books.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/Picture14.jpg"><img class="aligncenter size-full wp-image-305" title="CPA Review" src="http://engelgrafik.com/wp-content/uploads/Picture14.jpg" alt="" width="640" height="475" /></a></p>
<p>William R. Hough was one of the University of Florida&#8217;s biggest benefactors. The company was based in St. Petersburg but was sold in the early 2000s.<br />
<a href="http://engelgrafik.com/wp-content/uploads/Picture19.jpg"><img class="aligncenter size-full wp-image-310" title="Hough &amp; Co." src="http://engelgrafik.com/wp-content/uploads/Picture19.jpg" alt="" width="668" height="380" /></a> <a href="http://engelgrafik.com/wp-content/uploads/spinesite1.gif"><img class="aligncenter size-full wp-image-318" title="Florida Spine Institute" src="http://engelgrafik.com/wp-content/uploads/spinesite1.gif" alt="" width="640" height="480" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-web-design-from-the-90s-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: a floor map for Western Avenue Studios</title>
		<link>http://engelgrafik.com/2011/08/portfolio-a-floor-map-for-western-avenue-studios/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-a-floor-map-for-western-avenue-studios/#comments</comments>
		<pubDate>Fri, 26 Aug 2011 02:58:19 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[directions]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[isometric]]></category>
		<category><![CDATA[maps]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[simplicity]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=501</guid>
		<description><![CDATA[<p>Here is a concept I put together for the Western Avenue Studios, a re-purposed mill complex that is now home to almost 200 artists in 150+ studios. One of the challenges of a large mill complex is explaining to visitors &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Here is a concept I put together for the Western Avenue Studios, a re-purposed mill complex that is now home to almost 200 artists in 150+ studios. One of the challenges of a large mill complex is explaining to visitors where they are exactly, and where the artists they want to visit are in the building. In the case of Western Avenue Studios, there were two other challenges: only one floor connected the two complexes together even though there were the same amount of floors in each complex, and two floors in one building, and one floor in the other, were not open. I designed this floormap with the idea that for this reason, the most important thing for visitors to know how to get around was where the elevators took them, and where they could enter.</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/WASfloormap.gif"><img class="size-large wp-image-502 alignleft" title="Western Avenue Studios floormap" src="http://engelgrafik.com/wp-content/uploads/WASfloormap-1024x992.gif" alt="" width="717" height="694" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-a-floor-map-for-western-avenue-studios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: Ahold&#8217;s very own Peapod</title>
		<link>http://engelgrafik.com/2011/08/portfolio-aholds-very-own-peapod/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-aholds-very-own-peapod/#comments</comments>
		<pubDate>Thu, 25 Aug 2011 19:10:57 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Ahold]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dutch]]></category>
		<category><![CDATA[European]]></category>
		<category><![CDATA[grocery]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[netherlands]]></category>
		<category><![CDATA[Peapod]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=463</guid>
		<description><![CDATA[<p>In the early 2000s, Royal Ahold of the Netherlands, owner of stores like Stop-and-Shop and other American grocery retailers, were interested in creating their very own version of Stop-and-Shop&#8217;s &#8220;Peapod&#8221; service which had just been rolled out. A team was &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>In the early 2000s, Royal Ahold of the Netherlands, owner of stores like Stop-and-Shop and other American grocery retailers, were interested in creating their very own version of Stop-and-Shop&#8217;s &#8220;Peapod&#8221; service which had just been rolled out. A team was dispatched to Holland while yours truly stayed at home base to build some mockups. I had three days. That included 3AM phone conferences (my time). It was a whirlwind of activity, and I honestly can&#8217;t remember much of it, but I do have some screenshots to prove I did it. We didn&#8217;t even have a name yet, so we just called it &#8220;NewBrand&#8221;. I researched European color schemes and food retailers like Albert Heijn (an Ahold holding) to come up with something that inevitably was described as a Peapod for Holland. Unfortunately Ahold would run into financial troubles a year or two later and so it never launched.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/newbrandhome.gif"><img class="aligncenter size-full wp-image-303" title="newBrand homepage mockup" src="http://engelgrafik.com/wp-content/uploads/newbrandhome.gif" alt="" width="720" height="450" /></a></p>
<p><a href="http://engelgrafik.com/wp-content/uploads/newbrand.gif"><img class="aligncenter size-full wp-image-302" title="newBrand checkout subpage" src="http://engelgrafik.com/wp-content/uploads/newbrand.gif" alt="" width="720" height="450" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-aholds-very-own-peapod/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: Visio is great for wireframes and diagrams but for great information design I like Illustrator or Fireworks</title>
		<link>http://engelgrafik.com/2011/08/portfolio-visio-is-great-for-wireframes-and-diagrams-but-for-great-information-design-i-like-illustrator-or-fireworks/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-visio-is-great-for-wireframes-and-diagrams-but-for-great-information-design-i-like-illustrator-or-fireworks/#comments</comments>
		<pubDate>Mon, 22 Aug 2011 18:20:29 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Wireframes and Diagrams]]></category>
		<category><![CDATA[diagrams]]></category>
		<category><![CDATA[fireworks]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[visio]]></category>
		<category><![CDATA[wireframes]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=451</guid>
		<description><![CDATA[<p>I&#8217;ve been using Adobe Illustrator now since the late &#8217;80s, and Fireworks from the late &#8217;90s. I have found that these applications are incredibly useful for creating visually stunning and compelling diagrams. This isn&#8217;t any new information to information designers, &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using Adobe Illustrator now since the late &#8217;80s, and Fireworks from the late &#8217;90s. I have found that these applications are incredibly useful for creating visually stunning and compelling diagrams. This isn&#8217;t any new information to information designers, but it is something to think about if you&#8217;re one of those folks who thinks Visio is the be-all-end-all. Yes, it&#8217;s got a lot of great diagramming and wireframing attributes and third-party libraries, but it still ultimately looks like, well, Visio. What if you&#8217;re old-school like me and want unique designs expressing information visually? That&#8217;s when you crank up Illustrator or Fireworks (or Photoshop&#8230; if you never learned the benefits of Illustrator or Fireworks) and pull out your information design skills.</p>
<p>I created the following diagram in Visio at one job:</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/migration-visio.gif"><img class="aligncenter size-large wp-image-449" title="Technology Migration diagram using Visio" src="http://engelgrafik.com/wp-content/uploads/migration-visio-1024x714.gif" alt="" width="590" height="411" /></a></p>
<p> While it&#8217;s attempting to convey a lot of information, and it&#8217;s well organized (and based on the customer&#8217;s original Visio document), I felt it could be simplified for the non-technical people who would be listening and trying to pay attention to the presentation that would accompany the graphic. I used Illustrator to to this.</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/migration.gif"><img class="aligncenter size-large wp-image-450" title="Technology Migration diagram using drawing program (Illustrator or Fireworks)" src="http://engelgrafik.com/wp-content/uploads/migration-1024x520.gif" alt="" width="590" height="299" /></a></p>
<p>Both diagrams ended up being used. The Visio diagram was used by the technology-oriented folks who understood all of the nuances and intricacies of the diagramming, while the visually &#8220;flashy&#8221; diagram was something people with less of a technology background and simple grasp of the concepts could better understand.</p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-visio-is-great-for-wireframes-and-diagrams-but-for-great-information-design-i-like-illustrator-or-fireworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Portfolio: Electronic Health Records &#8220;progress&#8221; indicators for smooth and easy customer experiences</title>
		<link>http://engelgrafik.com/2011/08/portfolio-electronic-health-records-progress-indicators-for-smooth-and-easy-customer-experiences/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-electronic-health-records-progress-indicators-for-smooth-and-easy-customer-experiences/#comments</comments>
		<pubDate>Mon, 22 Aug 2011 17:59:16 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Wireframes and Diagrams]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[blue cross blue shield]]></category>
		<category><![CDATA[customer experience]]></category>
		<category><![CDATA[diagram]]></category>
		<category><![CDATA[EHR]]></category>
		<category><![CDATA[electronic health records]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[HIPAA]]></category>
		<category><![CDATA[privacy]]></category>
		<category><![CDATA[progress indicator]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=439</guid>
		<description><![CDATA[<p>A few years back Google rolled out their EHR (Electronic Health Records) initiative in which they hoped to get health care providers on board to make it easy for users of both products to access their health records online at &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>A few years back Google rolled out their EHR (Electronic Health Records) initiative in which they hoped to get health care providers on board to make it easy for users of both products to access their health records online at any time. While it&#8217;s not exactly what we all hoped it would be, it was a step forward. Healthcare is one of those institutions that just doesn&#8217;t want to change that quickly, and it&#8217;s not easy unless you get almost universal buy-in. Unless you&#8217;re Google, in which you set up a way for users that have certain providers to start doing it, in which this creates a demand when those users move to another provider who doesn&#8217;t do it.</p>
<p>I was tasked with simply making the experience appear to be as smooth and easy as possible. I create animated &#8220;progress&#8221; indicators and made sure people knew when they were on a Google site and when they were on a Blue Cross Blue Shield site (or a combination of the two).</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/google-inprogress.gif"><img class="aligncenter size-full wp-image-438" title="&quot;In Progress&quot;" src="http://engelgrafik.com/wp-content/uploads/google-inprogress.gif" alt="" width="620" height="570" /></a></p>
<p>I also created a wire diagram to help stakeholders and programmers alike understand what is actually happening from a big-picture point-of-view. For instance, people needed to be reminded of things like HIPAA (relating to the privacy of medical records).</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/google-flow-part1.gif"><img class="aligncenter size-large wp-image-437" title="EHR process between Google and Blue Cross Blue Shield MA" src="http://engelgrafik.com/wp-content/uploads/google-flow-part1-1024x859.gif" alt="" width="688" height="577" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-electronic-health-records-progress-indicators-for-smooth-and-easy-customer-experiences/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ongoing project: The Virtual American Revolution</title>
		<link>http://engelgrafik.com/2011/08/ongoing-project-the-virtual-american-revolution/</link>
		<comments>http://engelgrafik.com/2011/08/ongoing-project-the-virtual-american-revolution/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 21:49:19 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[1776]]></category>
		<category><![CDATA[360]]></category>
		<category><![CDATA[american history]]></category>
		<category><![CDATA[american revolution]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[virtual tour]]></category>
		<category><![CDATA[VR]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=424</guid>
		<description><![CDATA[<p>I&#8217;ve been working on a neat project for a while now. The Virtual American Revolution is the brainchild of Carlton SooHoo, who has embarked on a journey to photograph, in full 360 degree VR, all of the battlefields and key &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been working on a neat project for a while now. The Virtual American Revolution is the brainchild of Carlton SooHoo, who has embarked on a journey to photograph, in full 360 degree VR, all of the battlefields and key historical locations of the American Revolution. This means he travels up and down the east coast, shooting these locations on site. Then he returns, stitches the photos together and imports them into &#8220;VR&#8221; tools which export into Flash and/or Java and allow viewers to move the image around as if they are really there. If you&#8217;re familiar with this technology, it&#8217;s now come to be called &#8220;Virtual Tours&#8221;.</p>
<p>I&#8217;ve worked on various aspects of the projects at all levels, even including content writing, video camera operation and all of the graphics, logos, business cards, brand identity, etc. Right now, I&#8217;m exploring moving the site I quickly designed a while ago into HTML5 and converting it into a completely table-less website. I&#8217;ve been playing around with a bunch of CSS tricks as well in order to create layering effects and such. CSS3 and HTML5 are definitely a godsend for employing drop shadows and such. Last but not least, I&#8217;m using the Google Fonts API to make the site&#8217;s text have that &#8220;old printing press&#8221; look. <a title="The Virtual American Revolution" href="http://www.virtualamericanrevolution.com" target="_blank">Take a look</a>&#8230; none of the text is graphics (well, except the header)&#8230; it&#8217;s all HTML and CSS. Pretty neat, eh?</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/Screen-shot-2011-08-16-at-5.38.54-PM.png"><img class="aligncenter size-large wp-image-423" title="Screen shot 2011-08-16 at 5.38.54 PM" src="http://engelgrafik.com/wp-content/uploads/Screen-shot-2011-08-16-at-5.38.54-PM-1024x923.png" alt="" width="737" height="664" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/ongoing-project-the-virtual-american-revolution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lack of web accessibility doesn&#8217;t save money, it defers costs to other departments</title>
		<link>http://engelgrafik.com/2011/08/lack-of-web-accessibility-doesnt-save-money-it-defers-costs-to-other-departments/</link>
		<comments>http://engelgrafik.com/2011/08/lack-of-web-accessibility-doesnt-save-money-it-defers-costs-to-other-departments/#comments</comments>
		<pubDate>Thu, 11 Aug 2011 16:02:45 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[508 compliance]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[customer support]]></category>
		<category><![CDATA[disabled]]></category>
		<category><![CDATA[section 508]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user needs]]></category>
		<category><![CDATA[vision impaired]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=413</guid>
		<description><![CDATA[<p style="text-align: center;">
</p><p style="text-align: center;">
</p><p style="text-align: left;">Recently I worked for EDS (now an HP Company) whose client was a major healthcare provider, Blue Cross Blue Shield of Massachusetts. I was tasked as the vendor&#8217;s UI designer and usability specialist on location. My role was to affect &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">
<p style="text-align: center;">
<p style="text-align: left;">Recently I worked for EDS (now an HP Company) whose client was a major healthcare provider, Blue Cross Blue Shield of Massachusetts. I was tasked as the vendor&#8217;s UI designer and usability specialist on location. My role was to affect as much as possible the client&#8217;s needs through our IT services and technologies. I worked directly with our programmers but also helped finesse requirements and take accessibility and usability issues into account.</p>
<p style="text-align: left;">On the projects I was tasked, I was a little surprised by the lack of accessibility in general. BCBSMA was a healthcare provider, and a good number of their customers probably had disabilities of some kind, including vision impairment. This is not to say BCBSMA wasn&#8217;t on the ball. In fact, their design teams were very interested in bringing their client-facing sites into Section 508 compliance. They just had many priorities, so I decided to get our team at EDS aware of these needs by proposing the idea that web accessibility shouldn&#8217;t be viewed as an expansion of a budget, but rather saving costs that would be deferred normally to other departments, namely Customer Service.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/Screen-shot-2011-08-11-at-11.33.57-AM.png"><img class="aligncenter size-large wp-image-414" style="border-style: initial; border-color: initial; display: block; margin-left: auto; margin-right: auto; border-width: 0px;" title="Web Accessibility has cost benefits" src="http://engelgrafik.com/wp-content/uploads/Screen-shot-2011-08-11-at-11.33.57-AM-1024x642.png" alt="Web Accessibility has cost benefits" width="605" height="379" /></a></p>
<p style="text-align: left;">It only makes sense that a healthcare provider or insurance company would accommodate a wider range of users because their business involves dealing with customers who often have disabilities or impairments that limit their abilities to access or use their online resources. But ideas such as accessibility, usability and compatibility are often de-scoped because of limited budgets, as mentioned before. These providers are looking for the most price-efficient solution that they think takes care of &#8220;most people&#8221;. We&#8217;re talking about the Law of Diminishing Returns here&#8230; do the most you can for the least amount of money, because it&#8217;ll cost more, per capita, to make it work for the outliers (ie, the disabled).</p>
<p style="text-align: left;">The problem is that those users don&#8217;t just give up when they can&#8217;t access an online resource due to their disability or impairment. They try to contact someone, such as a Plan Sponsor, or the Provider&#8217;s phone support. Not only that, but the Plan Sponsor (who is also the customer when you think about it in terms of healthcare) is upset because their disabled employees are contacting them instead of using a website that they thought would support their own customers / employees. This might mean that the Plan Sponsor is willing to go with another provider in the coming enrollment season.</p>
<p style="text-align: left;">So while de-scoping a project of accessibility, compatibility and other issues may have saved X amount of dollars from the estimate, some other means of support must now be employed for those users who cannot access the site. This could actually be much higher in terms of cost, and have an inverse effect on ROI (Return on Investment).</p>
<p style="text-align: center;">
<p style="text-align: left;"><a href="http://engelgrafik.com/wp-content/uploads/Screen-shot-2011-08-11-at-11.33.57-AM.png">I</a>n summary, ignoring users because of budget often simply defrays costs to other cost centers, and even the customers themselves. This can be &#8220;bad PR&#8221; and influences customer relations. Making sites accessible has the potential to drastically reduce these pain points. It also creates better web experiences for users, better PR, and it reinforces and cultivates future customer commitments.</p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/lack-of-web-accessibility-doesnt-save-money-it-defers-costs-to-other-departments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: Surfing Lifestyles with the Southern Cross Pin Company</title>
		<link>http://engelgrafik.com/2011/08/portfolio-surfing-lifestyles-with-the-southern-cross-pin-company/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-surfing-lifestyles-with-the-southern-cross-pin-company/#comments</comments>
		<pubDate>Thu, 11 Aug 2011 15:23:25 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Iconography]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=393</guid>
		<description><![CDATA[<p>A few friends across the globe used to get together in various places to ski, climb and surf. These activities and lifestyles are what kept them coming together. A business idea was born: gather together various jewelry and accessories that &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>A few friends across the globe used to get together in various places to ski, climb and surf. These activities and lifestyles are what kept them coming together. A business idea was born: gather together various jewelry and accessories that express an affinity with surfing and similar activities, and market them under one online store. The Southern Cross Pin Company was born.</p>
<p>The original design called for something akin to the older generation of websites with splash pages, ie. using a strong image &#8220;grabber&#8221; and then send people off to the subpages.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/southerncross.jpg"><img class="alignright size-full wp-image-394" title="southerncross" src="http://engelgrafik.com/wp-content/uploads/southerncross.jpg" alt="" width="800" height="527" /></a></p>
<p>Eventually this yielded to a different idea which involved a more classic image of a surfer on a wave. Iconography based on the pendants and accessories sold were used for various site categories.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/scpc1.jpg"><img class="size-full wp-image-403 alignleft" title="Southern Cross Pin Company homepage" src="http://engelgrafik.com/wp-content/uploads/scpc1.jpg" alt="Southern Cross Pin Company homepage" width="290" height="190" /></a><a href="http://engelgrafik.com/wp-content/uploads/scpc1sub.jpg"><img class="size-full wp-image-404 alignleft" title="SCPC subpage" src="http://engelgrafik.com/wp-content/uploads/scpc1sub.jpg" alt="SCPC subpage" width="290" height="190" /></a><a href="http://engelgrafik.com/wp-content/uploads/icons_scpc_functions.tif"><img class="size-full wp-image-398 alignleft" title="Functional iconography" src="http://engelgrafik.com/wp-content/uploads/icons_scpc_functions.tif" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-surfing-lifestyles-with-the-southern-cross-pin-company/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolio: State Street Intranet</title>
		<link>http://engelgrafik.com/2011/08/portfolio-state-street-intranet/</link>
		<comments>http://engelgrafik.com/2011/08/portfolio-state-street-intranet/#comments</comments>
		<pubDate>Mon, 01 Aug 2011 13:15:13 +0000</pubDate>
		<dc:creator>engelgrafik</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[intranet design]]></category>

		<guid isPermaLink="false">http://engelgrafik.com/?p=378</guid>
		<description><![CDATA[<p>In 2004 and 2005 I worked for State Street Corporation in their Interactive Marketing group. My job consisted of many duties and activities, including publishing Market Confidence reports to websites, updating and managing content throughout their nine various sites from &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>In 2004 and 2005 I worked for State Street Corporation in their Interactive Marketing group. My job consisted of many duties and activities, including publishing Market Confidence reports to websites, updating and managing content throughout their nine various sites from around the world, and 225 intranets (they acquired many banks across the globe), and updating information one might think was actually live data (like stock prices). If you visited the State Street website and saw the stock price, that was input manually by yours truly.</p>
<p><a href="http://engelgrafik.com/wp-content/uploads/web_statestreet_a.gif"><img class="size-full wp-image-382 alignleft" title="web_statestreet_a" src="http://engelgrafik.com/wp-content/uploads/web_statestreet_a.gif" alt="" width="130" height="90" /></a>The main State Street employee intranet was about to go through some major updates, and so I came up with some design ideas that included resizing text for people with different monitor resolutions or vision impairments. This was around the beginning of the move towards not just web usability, an idea well known since the days of Human-Computer Interaction (HCI), but actual accessibility to technology (like websites) for people with disabilities and impairments. Sometimes this is known in industry jargon as &#8220;508 compliance&#8221; as an allusion to <a href="http://en.wikipedia.org/wiki/Section_508_Amendment_to_the_Rehabilitation_Act_of_1973" target="_blank">Section 508</a>, an amendment made to the Federal Rehabilitation Act of 1973. It&#8217;s all meant to give better access to technologies for the disabled.</p>
<p style="text-align: center;"><a href="http://engelgrafik.com/wp-content/uploads/statestreet.gif"><img class="aligncenter size-full wp-image-381" title="State Street Intranet proposed design" src="http://engelgrafik.com/wp-content/uploads/statestreet.gif" alt="" width="717" height="538" /></a></p>
<p style="text-align: left;">The group seemed to like the new direction, however it all came around the time HR was tasked with cutting $50 million in salaries. They ended up axing half of the entire marketing division, including Interactive Marketing. I was a contractor and apparently they had lost track of me (and other contractors). We sat working in an empty office space for about three or four hours until someone from HR came down and asked us who we were and then told us our contracts were terminated. This sort of thing happens with large companies, I suppose.</p>
]]></content:encoded>
			<wfw:commentRss>http://engelgrafik.com/2011/08/portfolio-state-street-intranet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

