<?xml version="1.0" encoding="UTF-8"?>

<presentation version='1.0'
 xmlns="http://www.dstc.edu.au/ns/2002/JackSVG/presentation"
 xmlns:xlink="http://www.w3.org/1999/xlink">

<metadata name="title">The Train Track Gauge of the Future</metadata>
<metadata name="subtitle">Solving Usability Problems with Web Standards Today</metadata>
<metadata name="version">1.0</metadata>
<metadata name="author">Tara Cleveland &amp; Stephanie Troeth</metadata>
<!-- <metadata name="org"></metadata> -->
<metadata name="copyright">2003 Creative Commons: Attribution-NonCommercial-ShareAlike 1.0</metadata>
<metadata name="event">Toronto Usability Summit</metadata>
<metadata name="date">23 May 2003</metadata>
<metadata name="abstract">What are the usability problems today which can be solved by adopting Web standards?</metadata>

<group>
<title>The Train Track Gauge of the Future</title>

<section>
<title>Why Standards?</title>

<slide>
<title>Why Standards?</title>

	<point><para>A train track gauge story</para></point>
</slide>

<slide>
<title>Why Standards?</title>
<image type="image/gif" xlink:href="images/northamericatrain.gif" width="600" height="409" />
</slide>
</section>

<section>
<title>What are Web Standards?</title>

<slide>
<title>HyperText Markup Language (HTML)</title>
	<image type="image/gif" xlink:href="images/html401.gif" width="548" height="382" />
</slide>

<slide>
<title>eXtensible HyperText Markup Language (XHTML)</title>
	<image type="image/gif" xlink:href="images/xhtml.gif" width="545" height="447" />
</slide>

<slide>
<title>Cascading StyleSheets (CSS)</title>
	<image type="image/gif" xlink:href="images/css.gif" width="537" height="282" />
</slide>
</section>

<section>
<title>What are the underlying concepts of Web standards?</title>

<slide>
<title>What are the underlying concepts of Web standards?</title>
<point>
	<para>semantically meaningful mark-up</para>
</point>
<point>
	<para>separating content/presentation</para>
</point>
</slide>

</section>

<section>
<title>How do these strategies affect usability?</title>

<slide>
<title>What is usability?</title>
<point>
	<para>The international standard, ISO 9241-11, provides guidance on usability and defines it as:</para>
		<point>
			<para>
	The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.</para>
		</point>
</point>
</slide>

<slide>
<title>Who is the user?</title>
<point>
	<para>In the life of a Web site, the user (consumer) can be:</para>
	<point><para>end user</para></point>
	<point><para>designer</para></point>
	<point><para>developer</para></point>
	<point><para>bots/Web agents</para></point>
	<point><para>user agents</para></point>
</point>
</slide>

<slide>
<title>What are the benefits ...?</title>
<point>
	<para>faster downloads / bandwidth savings</para>
	<point>
	<para><span xlink:href="eval_elisabeth.html" class="url">Evaluating Elisabeth.com</span> (with permission from <span xlink:href="http://www.creativegood.com/" class="url">Creative Good</span>)</para>
	</point>
</point>
<point>
	<para>consistency in document structure, display &amp; interface</para>
</point>
<point>
	<para>maintainability</para>
</point>
<point>
	<para>accessibility</para>
</point>
<point>
	<para>extensibility</para>
</point>
	<para class="normal">In short, money and effort</para>
</slide>

<slide>
<title>... and the disadvantages?</title>
<point>
	<para>(support in software not 100%)</para>	
</point>
<point>
	<para>(learning curve)</para>
</point>
<para class="normal">These are perceived disadvantages.</para>
</slide>
</section>

<section>
<title>How do we embrace Web standards?</title>

<slide>
<title>How do we embrace Web standards?</title>

<point>
	<para>validation</para>
</point>
<point>
	<para>throwing out pixel-perfect and absolute designs</para>
</point>
<point>
	<para>ensure your tools support standards</para>
</point>
<point>
	<para>configure your tools to support standards</para>
</point>
<point>
	<para>demand standards-compliant sites from your contractors</para>
	<point><para><span class="url" xlink:href="http://www.w3.org/QA/2002/07/WebAgency-Requirements">"Buy standards-compliant Web sites"</span></para></point>
</point>
<point>
	<para>define a process to improve the quality of your Web site</para>
	<point><para><span class="url" xlink:href="http://www.w3.org/QA/2003/03/web-kit">"Web Standards Switch"</span></para></point>
</point>
</slide>

</section>
</group>

<slide>
	<title>Resources</title>
	<point>
	<para>How to configure Dreamweaver MX to output XHTML</para>
	<point><para><span class="url" xlink:href="http://www.dreamlettes.net/tutorials/xhtmldmx/">http://www.dreamlettes.net/tutorials/xhtmldmx/</span></para></point>
	</point>
	<point>
	<para>The Web Standards Project</para>
		<point><para><span class="url" xlink:href="http://www.webstandards.org/">http://www.webstandards.org/</span></para></point>
	</point>
	<point>
	<para>MACCAWS - Making A Commercial Case for Adopting Web Standards</para>
		<point><para><span class="url" xlink:href="http://www.maccaws.org">http://www.maccaws.org/</span></para></point>
	</point>
	<point>
	<para>World Wide Web Consortium (W3C)</para>
		<point><para><span class="url" xlink:href="http://www.w3.org/">http://www.w3.org/</span></para></point>
	</point>
	<point>
		<para>Netscape Strategy Central</para>
		<point><para><span class="url" xlink:href="http://devedge.netscape.com/central/strategy/">http://devedge.netscape.com/central/strategy/</span></para></point>
	</point>
	<point>
		<para>Buy standards compliant Web sites</para>
		<point><para><span class="url" xlink:href="http://www.w3.org/QA/2002/07/WebAgency-Requirements">http://www.w3.org/QA/2002/07/WebAgency-Requirements</span></para></point>
	</point>
	
	<point>
		<para>Web Standards Switch</para>
		<point><para><span class="url" xlink:href="http://www.w3.org/QA/2003/03/web-kit">http://www.w3.org/QA/2003/03/web-kit</span></para></point>
	</point>
</slide>

<slide>
	<title>Contact us</title>
<point>
	<para>Tara Cleveland: <span class="url" xlink:href="mailto:tara@taracleveland.com">tara@taracleveland.com</span></para>
</point>
<point>
	<para>Stephanie Troeth: <span class="url" xlink:href="mailto:steph@unadorned.org">steph@unadorned.org</span></para>
</point>
</slide>

<slide>
  <title>You have been watching an SVG presentation</title>
 <point>
 <para>More information at:</para>
 	<point><para>http://titanium.dstc.edu.au/xml/jacksvg/</para></point>
 </point>
</slide>

</presentation>
