<?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>Jared Stein - Education, Technology, Culture, and the Internet &#187; design</title>
	<atom:link href="http://jaredstein.org/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://jaredstein.org</link>
	<description>Education, Technology, Culture, and the Internet</description>
	<lastBuildDate>Mon, 21 May 2012 02:49:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Learning Through Real Blogs (+ Canvas)</title>
		<link>http://jaredstein.org/2012/04/17/learning-through-real-blogs-canvas/</link>
		<comments>http://jaredstein.org/2012/04/17/learning-through-real-blogs-canvas/#comments</comments>
		<pubDate>Wed, 18 Apr 2012 04:40:40 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[Canvas]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[canvastip]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dgm2760]]></category>
		<category><![CDATA[teaching]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=2123</guid>
		<description><![CDATA[This post is a continuation of my reflection on the design, development, and teaching of an online web design course. This activity (an extension of the shared bookmarking activity) aims to help students achieve two outcomes: Evaluate web design information, practices, and techniques for currency, utility, and elegance Reflect on, critique, and (re)share new information, [...]]]></description>
			<content:encoded><![CDATA[<div style="font-size: 90%;font-style: italic;padding: 1em">This post is a continuation of <a href="http://jaredstein.org/2012/04/14/teaching-webdesignafter-content/">my reflection on the design, development, and teaching of an online web design course</a>. This activity (an extension of <a href="http://jaredstein.org/?p=2114">the shared bookmarking activity</a>) aims to help students achieve two outcomes:</p>
<ul>
<li>Evaluate web design information, practices, and techniques for currency, utility, and elegance</li>
<li>Reflect on, critique, and (re)share new information, practices, and techniques</li>
</ul>
</div>
<p>I think it&#8217;s important that web design students create and post to their own blog for several reasons:</p>
<ul>
<li>Exposure to blog as a platform. Even if blogging as we know it doesn&#8217;t persist as a popular form of web sites, the functionality of a blog is still fundamental to a lot of web systems, for reasons of themes, plug-ins, content management, permissions, syndication, etc.</li>
<li>A place to showcase work. A blog makes a great portfolio, whether of your web design work, or of your thinking about web design.</li>
<li>&#8220;I write so I know what I think.&#8221; I can&#8217;t say it any better than Eric Meyer, for anybody in any field.</li>
</ul>
<p>The latter two reasons tie in to my belief the students need to assert their own digital identity. When a prospective  employer searches your name on the web, what do they find? I&#8217;d like them to find your portfolio. I&#8217;d like them to find what you think about web design. I&#8217;d like them to find that you&#8217;re engaged in the field of web design, that you link to and comment on the blogs of your colleagues. Blogging provides the impetus for this kind of behavior, and the web keeps track of it for you.</p>
<p>So, I explain these objectives and benefits, then direct my students to some blogging platforms, including <a href="http://wordpress.com">WordPress.com</a>, <a href="http://blogger.com">Blogger.com</a>, and the <a href="http://on.uvu.edu">UVU WordPress instance</a> that I spearheaded while Director of IDS.</p>
<p>(I have to say &#8220;Real Blogs&#8221; in the title because LMS are notorious for providing &#8220;blogs&#8221; that&#8211;there&#8217;s no nice way to put this&#8211;suck. Or <a href="http://jaredstein.org/2010/10/26/blogging-like-its-1996/">that are not even related to blogs at all</a>. Thankfully the designers of Canvas acknowledged this and provided, instead, some interesting tools to help teachers manage real-world, student-owned blogs.)</p>
<p>In this course, students&#8217; weekly projects could be posted directly to our discussion forums, or can be posted to their blogs and referenced. I obviously encourage the latter, because it adds to the showcase of learning, and provides more opportunities for exposure and connection beyond the walls of the classroom.</p>
<h3>Archiving Articles through Diigo</h3>
<p>The official blogging assignment is to post at least 3 times during the semester on articles that they have read and found valuable. In the past I&#8217;d maintained a wiki page listing what I thought were useful articles, web sites, blogs, and magazines that they could choose from, but I&#8217;ve recently discovered that <a href="http://jaredstein.org/?p=2114">the class Diigo Group archive</a> has become robust enough, and is a far more elegant repository for this purpose. So now, if they&#8217;ve reviewed an article that I&#8217;ve not read or I know is not on the Diigo Group list, I ask them to also bookmark it for the Group.</p>
<h3>Encouraging Connections</h3>
<p>In order to encourage interaction between students on their blogs, I first collect all the blog URLs, add those to by Google Reader, and then export an OPML file so students can download and subscribe to all of their peers&#8217; blogs at once.<br />
<a href="http://jaredstein.org/files/2012/04/Screen-Shot-2012-04-20-at-3.39.36-PM.png"><img src="http://jaredstein.org/files/2012/04/Screen-Shot-2012-04-20-at-3.39.36-PM.png" alt="" /></a><br />
I also grab the Google Reader &#8220;bundle&#8221; RSS feed, and add that feed to the Canvas Announcements as another trigger to read, connect, and share their learning.</p>
<h3>Blogging Beyond the Class</h3>
<p>I, like many other web design and development practitioners, am self-taught&#8211;or, rather, taught only through the open web. This fact keeps me keenly aware of the potential to waste students&#8217; time in a formal classroom environment seems to me always a risk. This is just one way I think I can force students to engage in some positive behaviors that may lead to meaningful habits and leverage their advantage as they move toward their careers. I would be lying if I said I didn&#8217;t care if students abandoned their blogs at the end of the semester, but I think even if they only maintain it for the term of 15 weeks, they&#8217;ve at least been exposed to the blogging phenomenon, and, perhaps, have begun to understand how this field operates as a connected community of professional practitioners. </p>
<p>I also hope that by encouraging them to read and comment on each other&#8217;s blogs in addition to the community-based activities we do behind digital classroom walls, they might build relationships with each other that are collegial and persist well into their careers. </p>
<p>And, I tell myself, if they leave their blogs up, they will at least have something out there for others to find. And, based on the typical work of these students on their blogs, that&#8217;s something they can be proud of. I certainly am.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2012/04/17/learning-through-real-blogs-canvas/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bookmark Sharing via Diigo (+ Canvas)</title>
		<link>http://jaredstein.org/2012/04/16/bookmark-sharing-via-diigo-teaching-with-canvas/</link>
		<comments>http://jaredstein.org/2012/04/16/bookmark-sharing-via-diigo-teaching-with-canvas/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 14:09:54 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[Canvas]]></category>
		<category><![CDATA[dgm2740]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[bookmarking]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[canvastip]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[diigo]]></category>
		<category><![CDATA[reflection]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[teaching]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=2114</guid>
		<description><![CDATA[This post is a continuation of my reflection on the design, development, and teaching of an online web design course. This activity aims to help students achieve two outcomes: Develop habits and practices that maintain currency with new information in the field Evaluate web design information, practices, and techniques for currency, utility, and elegance I [...]]]></description>
			<content:encoded><![CDATA[<div style="font-size: 90%;font-style: italic;padding: 1em">This post is a continuation of <a href="http://jaredstein.org/2012/04/14/teaching-webdesignafter-content/">my reflection on the design, development, and teaching of an online web design course</a>. This activity aims to help students achieve two outcomes:</p>
<ul>
<li>Develop habits and practices that maintain currency with new information in the field</li>
<li>Evaluate web design information, practices, and techniques for currency, utility, and elegance</li>
</ul>
</div>
<p>I maintain a Diigo Group specifically for my online Web Design class that, unlike services in a traditional LMS, doesn&#8217;t have to die at the end of the semester. Students elect to become members of the Diigo Group, and use the Diigo browser add-on to quickly share and comment on blog posts or articles that they find relevant with the Group (i.e. the class). Diigo also provides tools to tag, comment on, and highlight passages from the article (I haven&#8217;t required this, but probably would in a special topics class that focused more on new practices and methods in web design and development).</p>
<p><a href="http://jaredstein.org/files/2012/04/Screen-Shot-2012-04-20-at-3.15.35-PM.png"><img src="http://jaredstein.org/files/2012/04/Screen-Shot-2012-04-20-at-3.15.35-PM.png" alt="" /></a></p>
<p>I actually first started this activity with <a href="http://wikilearn.uvu.edu/dgm/Web_Design_Bibliography">a simple wiki page</a> listing relevant articles that the class could contribute to. I also used a Delicious account with a for: tag that I linked to from the wiki for more current articles. Both were eventually replaced by this Diigo Group.</p>
<h3>Diigo + Canvas</h3>
<p>Diigo is the mechanism for both the bookmarking and the archiving of these web pages, and students are able to subscribe to the Diigo Group&#8217;s new bookmarks, but I am able to go a step further thanks to <a href="http://instructure.com">Canvas</a><a href="#disclaim">*</a>.</p>
<p>Diigo produces an RSS feed, and Canvas can subscribe to any number of feeds. So I simply add the Diigo Group feed to the Canvas course Announcements. This means that any time a new Diigo Group bookmark is made, Canvas automatically posts it as a hyperlink in a new Announcement. </p>
<p><a href="http://jaredstein.org/files/2012/04/Screen-Shot-2012-04-14-at-10.19.58-PM.png"><img src="http://jaredstein.org/files/2012/04/Screen-Shot-2012-04-14-at-10.19.58-PM.png" alt="" /></a></p>
<p>Students are able to control how <a href="http://guides.instructure.com/s/2204/m/4152/l/40323-how-do-notification-preferences-work">Canvas automatically notifies them of announcements</a> (e.g. via email, text, twitter, whatever) as well as the frequency of these notifications (e.g. right away, once a day, etc). </p>
<p>So, in addition to the Diigo archive of bookmarks, Canvas will keep a secondary record of all the bookmarks made in the Diigo Group for the entire semester. This simple act of syndication provides students with additional avenues by which they can choose to learn about new resources&#8211;especially important for students who may not yet be comfortable venturing outside of the traditional classroom space.</p>
<p>That&#8217;s the mechanism for the activity, but the activity itself is clearly founded in the first learning outcome described above. But I think there are some indirect benefits to this activity as well. For instance, I encourage students to find and read blogs in addition to web design magazines, because, in this field at least, blogs are the best way to share new information fast. Frankly, web design has little need of academics for the general practice; for the theory of usability and visual design? Sure. But most new information goes out through informal publications like blogs and forums. </p>
<p>Focusing attention toward blogs presents students a golden opportunity to be up close and almost-personal to web design luminaries like Jeffrey Zeldman, Eric Meyers, Tantek Celik, Cameron Moll, and more. By following the writings of practicing professionals in the field, I hope students might develop their view of the field, and even fall into some indirect cognitive apprenticeship and accidental learning. And by engaging in the rich, deep, and sometimes contentious discussions of techniques found on web sites like <a href="http://smashingmagazine.com">Smashing Magazine</a> or <a href="http://alistapart.com">A List Apart</a>, students will have begun participating in the actual practitioner community.</p>
<p>My hope is that students will not drop out of the Diigo Group after the semester&#8217;s end. But if they do, and many have, I hope they will, at least, continue the practice of bookmarking and sharing new articles and web sites to support their continual engagement in the field &#8212; using their own tools, in their own space, choosing whatever methods suit them best.</p>
<p><span>*</span> I currently work for Instructure, makers of Canvas.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2012/04/16/bookmark-sharing-via-diigo-teaching-with-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;Keep It Super Simple&#8221; on Instructure&#8217;s Blog</title>
		<link>http://jaredstein.org/2012/01/17/keep-it-super-simple-on-instructures-blog/</link>
		<comments>http://jaredstein.org/2012/01/17/keep-it-super-simple-on-instructures-blog/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 23:30:49 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[instructional_design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[cognitive load]]></category>
		<category><![CDATA[company]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[instruction]]></category>
		<category><![CDATA[instructure]]></category>
		<category><![CDATA[KISS]]></category>
		<category><![CDATA[lms]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=2057</guid>
		<description><![CDATA[My next official Instructure blog post was published today, a brief list of general tips on keeping the design of your online learning simple and usable: Online Course Design: Keep It Super Simple. I could have gone on for pages on this topic (in fact, I did, for about 2000 words before cutting to around [...]]]></description>
			<content:encoded><![CDATA[<p>My next official <a href="http://instructure.com">Instructure</a>  blog post was published today, a brief list of general tips on keeping the design of your online learning simple and usable: <a href="http://www.instructure.com/blog/2012/01/17/online-course-design---keep-it-super-simple/">Online Course Design: Keep It Super Simple</a>. </p>
<p>I could have gone on for pages on this topic (in fact, I did, for about 2000 words before cutting to around 600).  That&#8217;s my way of saying there&#8217;s plenty of room for exploration and discussion, so go ahead, check it out, and leave a comment.</p>
<p><a><img src="http://jaredstein.org/files/2012/01/Screen-Shot-2012-01-17-at-3.05.32-PM.png" alt="" style="border:0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2012/01/17/keep-it-super-simple-on-instructures-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Concept Map for Intro to Web Languages for Developers</title>
		<link>http://jaredstein.org/2011/08/09/concept-map-for-intro-to-web-languages-for-developers/</link>
		<comments>http://jaredstein.org/2011/08/09/concept-map-for-intro-to-web-languages-for-developers/#comments</comments>
		<pubDate>Wed, 10 Aug 2011 00:57:13 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[education]]></category>
		<category><![CDATA[assessment]]></category>
		<category><![CDATA[concept maps]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[languages]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=1896</guid>
		<description><![CDATA[I&#8217;m working on a concept map assessment for my web development students as a means of evidencing an understanding of the properties and relationships of contemporary web languages. Here&#8217;s the first draft of the criterion map, which would be used as a guide for assessing student-created maps: As a criterion map, this provides assessors with [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m working on a <a href="http://www.amazon.com/Concept-Map-Assessments-Reliability-Classroom-AccessibleConcept-Map/dp/3639084616">concept map assessment</a> for my web development students as a means of evidencing an understanding of the properties and relationships of contemporary web languages.</p>
<p>Here&#8217;s the first draft of the criterion map<span id="more-1896"></span>, which would be used as a guide for assessing student-created maps:</p>
<p><a href="http://jaredstein.org/files/2011/08/2ld2grc_Web-Concept-Map-15-master.jpg"><img src="http://jaredstein.org/files/2011/08/2ld2grc_Web-Concept-Map-15-master.jpg" alt="" /></a></p>
<p>As a criterion map, this provides assessors with the information they need to score a learner&#8217;s original concept map (I can provide learner and instructor materials on request).</p>
<p>Concept map experts &amp; web developers: please offer feedback.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2011/08/09/concept-map-for-intro-to-web-languages-for-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dos and Don&#8217;ts for (LMS) Vendor Presentations</title>
		<link>http://jaredstein.org/2010/12/03/dos-and-donts-for-lms-vendor-presentations/</link>
		<comments>http://jaredstein.org/2010/12/03/dos-and-donts-for-lms-vendor-presentations/#comments</comments>
		<pubDate>Fri, 03 Dec 2010 20:44:18 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[lms]]></category>
		<category><![CDATA[presenting]]></category>
		<category><![CDATA[demos]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[vendors]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=1567</guid>
		<description><![CDATA[Utah Valley University is part of a statewide consortium of public higher education institutions that share a learning management system provided by the Utah Education Network. The Blackboard (WebCT) Vista license expires in 2012, and we&#8217;re currently considering our options for a replacement. This week we&#8217;ve been treated to vendor demonstrations by each of three [...]]]></description>
			<content:encoded><![CDATA[<p>Utah Valley University is part of a statewide consortium of public higher education institutions that share a learning management system provided by the Utah Education Network. The Blackboard (WebCT) Vista license expires in 2012, and we&#8217;re currently considering our options for a replacement. This week we&#8217;ve been treated to vendor demonstrations by each of three finalists&#8211;one private demonstration for consortium selection committee members, and one open demonstration for institution faculty, staff, and students.
</p>
<p>During these first private demonstrations I compiled some notes as to what I thought was effective and ineffective/detrimental in the presentations. I won&#8217;t reveal who did what, but will be very general, and talk in terms of &#8220;Dos&#8221; and &#8220;Don&#8217;ts&#8221;<span id="more-1567"></span>:</p>
<h3>Do</h3>
<ul>
<li>Keep the message simple and concise. If you&#8217;re a finalist, we already know about your product and company, so focus on a few compelling points with exciting examples. Save plenty of time for q&amp;a. Showcase your product and your company.</li>
<li>Focus on how you&#8217;ll serve your different audiences/stakeholders, but succinctly: for us, it&#8217;s faculty, students, designers, and admins. Tell us why each will love you and your product.</li>
<li>Talk about successful institutional clients that are similar to us.</li>
<li>Use case studies of Real Courses and quotes from Real Users. But it appears you should not use quotes with names without explicit permission, especially if the names will be on the receive end.</li>
<li>Tell us why you&#8217;re everything good and nothing bad about the traditional LMS. If you think your product is &#8220;disruptive&#8221;, tell us how&#8211;don&#8217;t just say you are.</li>
<li>Distinguish yourself from competitors without bashing them. We want to know what sets you apart, why you are moving in new directions that others are neglecting.</li>
<li>Train your slides and keep them in line. Have a visual designer put them together with input from an instructional designer. Usually images are better than text. Don&#8217;t risk cognitive overload: we can&#8217;t read and listen at the same time. </li>
<li>Keep your audience&#8217;s attention. Break up your stream of information and announce shifts from one point to another. Even if you can&#8217;t interact in real-time, prompt your audience to reflect and respond amongst themselves.</li>
<li>Include a live demonstration with real people. Make it fast, make it meaningful. Though the product itself failed, Google Wave did it right with its <a href="http://www.youtube.com/watch?v=Itc4253kjhw">preview demo</a>.</li>
<li>Test your mics and speakers for feedback before you begin, especially if you have more than one presenter in more than one location. Another idea: have someone on your team in another room listening and watching, and providing the presenter with live feedback. This is great if you&#8217;ve turned your chat off and <a href="http://twitter.com/#!/jstein/status/10852309370142720">one of your co-presenters is only breathing loudly</a>.</li>
<li>Be prepared for tough questions, including, &#8220;Your price quote for us is totally out of line.&#8221; or, &#8220;What happens when Blackboard buys/sues you?&#8221;</li>
</ul>
<h3>Don&#8217;t</h3>
<ul>
<li>Don&#8217;t use a web-conferencing system that you cannot use effectively&#8211;especially if your company owns it. Do some test runs in the system, with real users on the receive end via different connections.</li>
<li>Don&#8217;t have your desktop share resolution set above 1024 x 768&#8211;many projectors don&#8217;t run larger than that, and thus we&#8217;ll be unable to see more than half of your presentation screen. If you&#8217;re demo&#8217;ing through a browser, close unnecessary toolbars to save screen real estate.</li>
<li>Don&#8217;t spend the first 15 minutes talking about your company and staff. You&#8217;re a finalist. We know enough about your company. Now is the time to give the final sales pitch in a meaningful and relevant way. Now is the time to close the deal.</li>
<li>Don&#8217;t let your presenters be monotone, or say &#8220;um&#8221;&#8211;train them with a dog shock collar if you have to, but your presenter should be both authentic and enthusiastic. We can tell a fraud a mile away, but we are also subject to falling asleep.</li>
<li>Speaking of frauds, Don&#8217;t come off as a car salesman or a CEO interested only in serving shareholders. I recognize this is somewhat contradictory since you&#8217;re trying to close, and of course this perception can be quite subjective.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2010/12/03/dos-and-donts-for-lms-vendor-presentations/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Advice to a New Freelance Web Developer: Charging Clients</title>
		<link>http://jaredstein.org/2010/05/26/advice-to-a-new-freelance-web-developer-charging-clients/</link>
		<comments>http://jaredstein.org/2010/05/26/advice-to-a-new-freelance-web-developer-charging-clients/#comments</comments>
		<pubDate>Thu, 27 May 2010 00:48:35 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[costs]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[students]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=1261</guid>
		<description><![CDATA[Today I received an e-mail from a former student asking a common question: how do I know what to charge clients for web design/development? Disclaimer: I am no longer a full-time freelance web developer. Indeed, I haven&#8217;t been a full-time web developer for a number of years, though I do still take projects on the [...]]]></description>
			<content:encoded><![CDATA[<p>Today I received an e-mail from a former student asking a common question: how do I know what to charge clients for web design/development?<span id="more-1261"></span></p>
<p>Disclaimer: I am no longer a full-time freelance web developer. Indeed, I haven&#8217;t been a full-time web developer for a number of years, though I do still take projects on the side.</p>
<p>I did, however, think I had enough info to write out the following rather lengthy answer, which I hope to refine and turn into a lesson page later on this semester. There are quite a few better sources to turn to than I, and there have been a few recent articles and books on this subject, but here&#8217;s how I framed this particular answer in a way that hopefully walks the student through my thought process and tips them off to at least a few of the bigger picture items that must be considered sooner or later:</p>
<blockquote><p>
First, you need to decide if you&#8217;re going to charge hourly or lump sum. I prefer the latter, and I think clients do too.</p>
<p>Even so, I still start by calculating how much I need to be earning per hour&#8211;this is a figure I keep internally, and don&#8217;t share with clients.</p>
<p>Then, start adding upwards.</p>
<p>For instance, now that you&#8217;re working freelance you&#8217;re considered to be self-employed by the US Government, and will need to add about 30% for Federal taxes on top of everything else. (Make sure you put that 30% in a separate bank account!) What about State taxes? That varies state-to-state, so check your local codes.</p>
<p>There&#8217;s also a matter of other costs you&#8217;ll eventually need to roll in to your charges, especially if you look at doing this full time: What about Internet access, computers, software, electricity &#8212; these don&#8217;t come free! Do you need this work to pay for benefits for you/your family (health insurance, dental, life, etc)? What about advertising (if any) or time spent drumming up business? These need to be absorbed, too. </p>
<p>I&#8217;m going to keep it simple in this example and <em>exclude</em> those costs, and I think you probably don&#8217;t have to worry too much about this when you&#8217;re first starting up&#8211;especially if you&#8217;re doing freelance in addition to another job. However, be sure to consider these costs later after you move your business forward.</p>
<p>So if that the take-home amount is, say, $15/hour (which is not too bad for someone just starting out&#8211;most of my student developers get less than that) first add 30% for taxes, rounding up to $20/hour.</p>
<p>Then, figure that if you were doing this full time you&#8217;d be working at least 40 hours a week at least 4 weeks a month. This gives you a number through which you can absorb business costs on a per-hour basis by simple division. So if I&#8217;m working from a home office my internet, electricity (for just my office), computer upkeep might add up $160 a month, which is convenient because it means I just add another dollar to my hourly rate. Etc.</p>
<p>The next number to determine is tougher. How many hours will the project take you? Be realistic, and include meeting times. The best way to know for sure is to have tracked your time on projects in the past. I&#8217;ll give you just one example: I wrote XHTML and CSS for someone&#8217;s resume the other weekend, which turned out to be a 3 hour job including the initial meeting, and some minor experimentation with CSS 3&#8242;s @font-face property at the client&#8217;s request. Then I spent an hour testing it across browsers and making minor adjustments. So 4 hours for 1 page of content. </p>
<p>In this case we just needed one page, but in sites with multiple pages using templates will make things go faster. Because of this I usually charge on a first-page, additional-page basis, if that makes sense. </p>
<p>At any rate, it&#8217;s common to undercharge early on by not accurately estimating the time involved. And that&#8217;s OK early on, because you&#8217;re learning! But <strong>learn from your mistakes</strong>, and <strong>track your hours</strong>, so that in the future you can be more on-target and provide good service at competitive rates. Consider using a project management or time-tracking tool to help you with this. </p>
<p>Another practice I&#8217;ve heard others use in the past is to take my estimated time for a project and double it. This is based on the presumption that we <em>always</em> underestimate how much time tasks take us. I think this is true initially.</p>
<p>So now I know my per hour rate ($21), and I&#8217;m confident that for a media-free (text-based) static page it takes me about 4 hours. So I might charge $80 for that first page, and, using that first page as a template, charge $20 for each additional page. Now we&#8217;re starting to have a basic formula!</p>
<p>Oh, but what if you have to do visual design? Logo design? Will it take you 20 hours to come up with a good visual design? 40? 60? What about changes the client will inevitably request? Certainly you want to include the client at each step, from thumbnails to comps to finished versions. Heavy involvement early on will reduce the likelihood of conflict and frustration later.</p>
<p>Now if Javascript or PHP come into it, we start talking big money. Not just because it takes longer to develop, but because you must work with other people&#8217;s web servers, you must be secure, your code must not break on any browser, you must case-test for a number of different user scenarios, etc.</p>
<p>Don&#8217;t be afraid to ask yourself if you need to outsource tasks where your skills are not yet adequate. This is a good way to ensure your client gets what they are paying for&#8211;and can save you time in the long run. For instance, if I had a client needing a Flex app, I&#8217;m not going to spend 200 hours on it when a skilled Flex developer could do it in half that time. Sure, I have to pay them, but sometimes you can barter your skills for theirs. </p>
<p>Finally, make and <strong>maintain a master list of services</strong> you <em>could</em> provide with a dollar charge next to each, i.e. Basic web page production (HTML &amp; CSS): $200 first page, $50 each addtl page. MySQL database set up: $50 per table, limit 30 fields. etc. I keep my own Excel spreadsheet with as many options as I can think of, and I modify this as I learn more about my own time, resource expenditures, and costs.
</p></blockquote>
<p>That&#8217;s it. As I said, this was just an e-mail I kicked out to a student, and this omits important info on contracts and agreements, but it&#8217;s a big topic, one which I expect to reflect upon and revisit in this or another post.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2010/05/26/advice-to-a-new-freelance-web-developer-charging-clients/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Joy of CSS max-width</title>
		<link>http://jaredstein.org/2010/04/07/the-joy-of-css-max-width/</link>
		<comments>http://jaredstein.org/2010/04/07/the-joy-of-css-max-width/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 15:38:37 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[max-width]]></category>

		<guid isPermaLink="false">http://jaredstein.org/?p=1129</guid>
		<description><![CDATA[The CSS max-width property has long been a favorite of mine, most often used to restrict the flow of content depending on the user&#8217;s browser, such as we see in elastic layouts. Since I began making WordPress themes a couple years ago I&#8217;ve used max-width as a staple rule for media in my stylesheet, starting [...]]]></description>
			<content:encoded><![CDATA[<p>The CSS <a href="http://www.w3schools.com/css/pr_dim_max-width.asp">max-width property</a> has long been a favorite of mine, most often used to restrict the flow of content depending on the user&#8217;s browser, such as we see in <a href="http://www.alistapart.com/articles/elastic/">elastic layouts</a>. Since I began making <a href="http://wordpress.org">WordPress</a> themes a couple years ago I&#8217;ve used max-width as a staple rule for media in my stylesheet, starting with images that might appear in a post (e.g. .post)<span id="more-1129"></span>:</p>
<pre>
.post img { max-width: 100%; }
</pre>
<p>This prevents the sort of thing we often see when an image is slapped into a blog post without being resized especially for that design. Here&#8217;s an example this just popped up in my Google Reader:</p>
<div>
<a href="http://jaredstein.org/files/2010/04/Big-Dog-Little-Dog-Performance-and-ADDIE-Models_1270661882553.jpeg"><img src="http://jaredstein.org/files/2010/04/Big-Dog-Little-Dog-Performance-and-ADDIE-Models_1270661882553.jpeg" alt="Big Dog, Little Dog- Performance and ADDIE Models_1270661882553" /></a>
</div>
<p>In addition to preventing IMGs from breaking out of the box (or, worse, growing the box) this can be applied to other elements as well. In the case of my themes&#8217; CSS I also include OBJECT (and, just to be safe, EMBED):</p>
<pre>
.post img, .post object, .post embed { max-width: 100%; }
</pre>
<p>With the entrance of HTML 5 one can imagine adding/replacing <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html">AUDIO and VIDEO</a> in this list of selectors.</p>
<p>I&#8217;m thinking about this today because on Twitter <a href="http://www.zeldman.com/">Jeffrey Zeldman</a> <a href="http://twitter.com/zeldman/status/11755947217">RT&#8217;ed Stephanie Hobson quoting Ethan Marcotte</a>:</p>
<div>
<a href="http://twitter.com/zeldman/status/11755947217"><img src="http://jaredstein.org/files/2010/04/zeldman-000.jpg" alt="zeldman RT" /></a>
</div>
<p>This is a fine solution, and reminded me that just last week I was talking with colleague Ken Woodward  applying max-width in a more generic fashion&#8211;more generic, even, than to all IMGs:</p>
<pre>
div * { max-width: 100%; }
</pre>
<p>This is very broad, of course, and could cause problems in a number of particular designs, however I&#8217;m thinking the principle is still valid, particularly as it applies to <a href="http://www.w3.org/TR/CSS2/visuren.html#inline-formatting">inline elements, for the W3 reminds us</a>:</p>
<blockquote><p>If an inline box cannot be split (e.g., if the inline box contains a single character, or language specific word breaking rules disallow a break within the inline box, or if the inline box is affected by a white-space value of nowrap or pre), then the inline box overflows the line box. </p></blockquote>
<p>Why wouldn&#8217;t I just write the rule without the DIV ancestor? Most elements that I need to control naturally fall within a DIV, and this limitation helps me feel safer, though I haven&#8217;t done enough testing to see how when/where it might fail. I am certain there is probably not enough specificity to override width problems that may be caused by miscalculated pixel widths of directly targeted descendant elements (i.e. DIVs), but those should probably have been done in percentages anyway. <a href="http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html">If specificity is a problem</a>, adding a relevant parent CLASS or ID to the selector could probably solve it.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2010/04/07/the-joy-of-css-max-width/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blackboard Vista Triggers Quirks Mode</title>
		<link>http://jaredstein.org/2009/04/02/blackboard-vista-triggers-quirks-mode/</link>
		<comments>http://jaredstein.org/2009/04/02/blackboard-vista-triggers-quirks-mode/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 16:25:20 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[blackboard]]></category>
		<category><![CDATA[web dev]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[quirks mode]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[vista]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://flexknowlogy.learningfield.org/?p=626</guid>
		<description><![CDATA[Ever been annoyed by Blackboard Vista&#8217;s (or Campus Edition 6+&#8217;s) rendering of your XHTML + CSS web pages? Yeah, me too&#8211;especially on Internet Explorer. This happens because Bb Vista triggers a browser&#8217;s quirks mode in spite of DOCTYPEs and validated markup. More than just troublesome for pretty CSS-based pages, quirks mode, triggered on standards-compliant pages, [...]]]></description>
			<content:encoded><![CDATA[<p>Ever been annoyed by Blackboard Vista&#8217;s (or Campus Edition 6+&#8217;s) rendering of your XHTML + CSS web pages? Yeah, me too&#8211;especially on Internet Explorer. This happens because Bb Vista triggers a browser&#8217;s <a href="http://www.quirksmode.org/css/quirksmode.html">quirks mode</a> in spite of <a href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">DOCTYPE</a>s and <a href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">validated markup</a><span id="more-626"></span>.
</p>
<p>More than just troublesome for pretty CSS-based pages, quirks mode, triggered on standards-compliant pages, can negatively affect the usability and functionality of the learning experience. For example, we use an <a href="http://disted.uvu.edu/gamegarden/">inline quizzing</a> Javascript that renders questions and answer choices and feedback based on standards mode CSS. In quirks mode this self-assessment tool is useless.</p>
<h3>Blackboard Was Made For Quirks</h3>
<p>
Basically quirks mode means the browser thinks your web skills are not up to snuff, and the browser therefore renders your CSS in a non-standard fashion. Quirks mode is triggered when a DOCTYPE, e.g.:</p>
<pre style="font-size: 90%">
<code>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
</code>
</pre>
<p>&#8230;is missing, or invalid, or unknown, or not where it should be (i.e. the first line of the document).</p>
<div><img style="border: 1px solid" src="http://jaredstein.org/files/2009/04/wikis51.jpg" alt="" /></p>
<div style="font-size: 80%">
<em>javascript:alert(document.compatMode)</em> pasted into the Internet Explorer address bar kindly informs us that this browser is rendering <a href="http://resources.qooxdoo.org/download/advanced_boxtest/box_test_standard.html">this page</a> in quirks mode. Firefox will tell you if you go to <em>Tools &gt; Page Info</em>. <a href="http://resources.qooxdoo.org/download/advanced_boxtest/box_test_standard.html">Advanced Box Model Test</a></div>
</div>
<p>But even if you&#8217;ve been careful to put a valid DOCTYPE into your web pages, once it&#8217;s loaded up into Bb Vista and linked to, either from a Folder or a Learning Module, the browser will go into quirks mode. Why does this happen? Simple: <strong>Bb Vista inserts XHTML and JavaScript at the beginning of all web pages onload.</strong> <a href="http://jaredstein.org/files/2009/04/quirkstest1.png">140+ lines</a> of it, to be exact. It&#8217;s an odious thing to do, but, what do you expect? It&#8217;s Blackboard.
</p>
<p>It may (or may not) be important to note that <strong>this does not happen when viewing a page in the File Manager</strong>&#8211;only when a page is loaded from a link within the course.</p>
<h3>What You Can Do</h3>
<p>Not much. And yet this could be <strong>a big issue for Internet Explorer users</strong> (FireFox renders page in quirks mode [not <a href="https://developer.mozilla.org/en/Mozilla%27s_DOCTYPE_sniffing#Almost_Standards_Mode">"Almost Standards Mode"</a> as I'd hoped], yet most standards-compliant XHTML and CSS still render well).
</p>
<p>And though <a href="http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2">most users are still on IE 6 or 7</a> I had some hope for a way out with Internet Explorer 8. You see,  <a href="http://msdn.microsoft.com/en-us/library/dd565650(VS.85).aspx">Microsoft promised that &#8220;a page explicitly opts into standards mode&#8221; when it includes &#8220;a metatag in the page that specifies IE=8 or IE=EmulateIE8&#8243;</a>. For example:</p>
<pre style="font-size: 90%">
<code>&lt;meta http-equiv="X-UA-Compatible" content="IE=IE8" /&gt;
</code>
</pre>
<p>In practice, however, this META tag alone does not force IE8 into standards mode in Bb Vista&#8211;the misplaced XHTML is apparently too much for IE8 to ignore.</p>
<p>So the most practical solutions I can think of are:</p>
<ol>
<li>
<p>
<strong>Write custom CSS for Blackboard</strong> that renders (or re-renders) the page according to <a href="http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug">the quirks mode box model</a>. This could be done using <a href="http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx">Internet Explorer conditional comments</a>, for example:</p>
<pre style="font-size: 90%">
<code>
&lt;!--[if IE ]&gt;
  &lt;link href="ie-quirks.css" rel="stylesheet" type="text/css" /&gt;
&lt;![endif]--&gt;
</code>
</pre>
<p>I haven&#8217;t yet considered what CSS rules would need to be written to accommodate this, but <em>if it was possible</em> this seem like the most robust and efficient solution.</p>
</li>
<li><strong>Rewrite the page with Javascript.</strong> After Bb has loaded (or begun to load) the page, Javascript triggers a full rewrite of the page, either wiping out or rewriting the Bb XHTML and Javascript in a more appropriate location (e.g. in a targeted, ID&#8217;ed element). I&#8217;ve asked one of my developers to try this out today, but already fear the additional load time it might put on the Bb-hosted page.</li>
</ol>
<p>Any other ideas?</p>
<p>If this were only about appearance I wouldn&#8217;t be raising a fuss, but this can and does affect the usability of certain e-learning tools, and forces developers to ask, &#8220;How will this work in Blackboard?&#8221; yet again.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2009/04/02/blackboard-vista-triggers-quirks-mode/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Re. &#8220;CSS Angles&#8221; and the Future of Em-Based Scaling</title>
		<link>http://jaredstein.org/2008/12/03/re-css-angles-and-the-future-of-em-based-scaling/</link>
		<comments>http://jaredstein.org/2008/12/03/re-css-angles-and-the-future-of-em-based-scaling/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 18:43:37 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[web dev]]></category>
		<category><![CDATA[angles]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[em]]></category>
		<category><![CDATA[scaling]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://flexknowlogy.learningfield.org/?p=117</guid>
		<description><![CDATA[Sitepoint offered up an article by Tim Wright (CSSKarma), CSS Angles: Just the Edge Your Web Page Needs!, which shows that increasing the size of a single border property results in an angular object that can be placed behind things. After some experimentation I found a new solution and a new conundrum. Tim&#8217;s applied this [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sitepoint.com/">Sitepoint</a> offered up an article by <a href="http://www.csskarma.com/">Tim Wright (CSSKarma)</a>, <cite><a href="http://www.sitepoint.com/article/css-angles-the-edge-you-need/">CSS Angles:  Just the Edge Your Web Page Needs!</a></cite>, which shows that increasing the size of a single <strong>border</strong> property results in an angular object that can be placed behind things. After some experimentation I found a new solution and a new conundrum<span id="more-117"></span>.</p>
<p>Tim&#8217;s applied this to <a href="http://i2.sitepoint.com/graphics/1692_shelf.jpg">&#8220;shelf shadows&#8221;</a>, where a nav item appears to be propped up on a shelf with a shadow below:</p>
<div><a href="http://i2.sitepoint.com/graphics/1692_shelf.jpg"><img src="http://i2.sitepoint.com/graphics/1692_shelf.jpg" alt="shelf" /></a></div>
<p>I looked at the CSS and thought, &#8220;This is cute, but could be more elegant with just two 1kb images.&#8221; <a href="/resources/stein/web/shelf/shelf1.html">So I wrote it,</a> and it turned out fine. In fact, it turned out better, in my opinion, because the shadow edges were <a href="http://en.wikipedia.org/wiki/Anti-aliasing">anti-aliased</a>.  I showed my developer <a href="http://www.facebook.com/people/Tyrel-Kelsey/1166354283">Tyrel Kelsey</a> the results, then bragged, &#8220;I can even make both the shadows and the shelf size scale with the text.&#8221; Then <a href="/resources/stein/web/shelf/shelf2.html">whipped up that solution</a> as well.</p>
<p>In short, <a href="/resources/stein/web/shelf/shelf1.html">my first solution</a> used two images: a x-repeating <a href="/resources/stein/web/shelf/images/shelf1.png">1&#215;20 &#8220;shelf&#8221;</a> hooked to the UL, and <a href="/resources/stein/web/shelf/images/shadow1.png">a 10&#215;20 &#8220;shadow&#8221;</a> hooked to each LI in place of Tim&#8217;s border corner.</p>
<p><a href="/resources/stein/web/shelf/shelf2.html">My second solution</a> used <a href="/resources/stein/web/shelf/images/shelf2.png">a 1px square for the top &#8220;shelf&#8221;</a>, and a 1px border&#8211;both hooked to the UL. The top shelf was set 1em from the top to allow for scaling.</p>
<p><a href="/resources/stein/web/shelf/images/shadow2.png">The &#8220;shadow&#8221; was a much larger image, 100&#215;200</a>, and set .1em to the left and 1em from the top of each LI, thus masking it&#8217;s gargantuaness (similar to <a href="http://www.alistapart.com/articles/slidingdoors/">sliding doors</a>).</p>
<p>It was a slick application for the same effect, but then Tyrel popped my balooon.</p>
<p>&#8220;Are you on FireFox 3?&#8221; Tyrel asked. &#8220;Because mine already scales on FF3, and it doesn&#8217;t look all jagged like yours.&#8221;</p>
<p><strong>Page zoom.</strong> I still am on FF2, and I remembered earlier in the week how I embarrassed myself in the web design course I teach when the page zoom disturbed an effect I was demonstrating. In fact, a lot of the <a href="http://www.w3.org/WAI/GL/css2em.htm">em-based</a> scaling approaches so popular just a year ago are sliding towards obsolescence thanks to <a href="http://blogs.msdn.com/ie/archive/2006/02/07/526805.aspx">page zoom on IE 7+</a> and <a href="http://arstechnica.com/journals/linux.ars/2007/07/27/firefox-3-gets-full-page-zoom">now on FF3 as well.</a>.</p>
<p>Not only are they made obsolete, current CSS-based designs that are <a href="http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/">enhanced by the elasticity (e.g. layouts with reading-width columns</a> or <a href="http://www.alistapart.com/articles/slidingdoors/">other applications of em-based scaling (e.g. sliding doors)</a> may look worse with page zoom.  My second example sure did when scaled in IE7. And if you open my design 2 on FF3 and compare the page zoomed rendering to the rendering with Zoom Text Only turned on, you&#8217;ll agree that the clarity is compromised in the former.</p>
<p>So while I&#8217;m proud of <a href="/resources/stein/web/shelf/shelf2.html">my two CSS variations</a> on <a href="http://www.sitepoint.com/article/css-angles-the-edge-you-need/">Tim Wright&#8217;s shelf-and-shadow concept</a>, and they are great solutions for older browsers (I can&#8217;t believe I&#8217;m referring to FF2 as &#8220;older&#8221;!), it&#8217;s also clear to me that em-based scaling and elasticity is on it&#8217;s way out, and browser-based page zoom will solve a lot of designer&#8217;s accessibility-influenced design challenges&#8211;but not, perhaps, without affecting our &#8220;tricks&#8221; of the past.</p>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2008/12/03/re-css-angles-and-the-future-of-em-based-scaling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Re. John Krutsch&#8217;s 8 Questions for IDs</title>
		<link>http://jaredstein.org/2008/04/03/re-john-krutschs-8-questions-for-ids/</link>
		<comments>http://jaredstein.org/2008/04/03/re-john-krutschs-8-questions-for-ids/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 15:23:00 +0000</pubDate>
		<dc:creator>Jared Stein</dc:creator>
				<category><![CDATA[instructional_design]]></category>
		<category><![CDATA[answers]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[edtech]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[john_krutsch]]></category>
		<category><![CDATA[questions]]></category>
		<category><![CDATA[technology]]></category>

		<guid isPermaLink="false">http://flexknowlogy.learningfield.org/2008/04/03/re-john-krutschs-8-questions-for-ids/</guid>
		<description><![CDATA[John Krutsch posed the following 8 questions to instructional designers/technologists on his Technagogy blog; here are my responses: What do you do as an instructional designer/technologist? In the mode of an instructional designer I either work with instructors directly or I work independently. When I am working with instructors, I am probing and listening. We [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://technagogy.learningfield.org/">John Krutsch</a> posed the following <a href="http://technagogy.learningfield.org/2008/04/calling-all-instructional-desginers-and.html">8 questions to instructional designers/technologists on his Technagogy blog</a>; here are my responses:</p>
<ol>
<li>What do you do as an instructional designer/technologist?
<p>In the mode of an instructional designer I either work with instructors directly or I work independently. </p>
<p><strong>When I am working with instructors</strong>, I am probing and listening. We are discussing their teaching objectives, their mode of instruction, their activities, and their assessments.  I am trying to gauge their teaching philosophy, and looking for ways to replicate their teaching activities in a technology-enhanced or online environment without abusing or neglecting the realities of that environment.  While I believe that online teaching should be fundamentally different than traditional classroom teaching, that belief can not be forced upon traditional classroom instructors in it&#8217;s totality.</p>
<p><strong>When I am working independently as an instructional designer</strong>, I focus on the student experience.  I match desired outcomes to available tools and technologies, avoiding any significant negative impacts on usability, accessibility, or facility.  Then <a href="http://flexknowlogy.learningfield.org/2007/11/rapid-prototyping-and-instructional.html">I prototype</a> activities, materials, assessments for one lesson and test.  I reflect, considering the student&#8217;s perspective regarding the usability of the tools, courseware, and environment.  I attend to completeness and clarity of the instructions, the materials, the activities, the assessments through revision.  I imagine the course from the point of view of an hour, a day, a week, a semester.  Then, having spent as much time as is reasonable on the first draft, when I am satisfied with a prototype, and when I am assured of the instructor&#8217;s satisfaction, I call on one or more of our student developers to assist me in replicating it to complete the course.</p>
<p><strong>In the role of instructional techologist</strong> I focus on rapid development of educational tools that are usable and enhance the teaching/learning experience.  To this end I try to focus on the creation of new tools or modification of existing tools that can amplify a pedagogical principle or provide improved facility.  By principle I mean an aspect of one&#8217;s teaching philosophy or the actualization of a teaching objective/learning outcome.  By facility I mean simply the ability and the process: how we make this happen, and in the easiest possible way for both instructor and learner?</p>
</li>
<li>Why did you choose to become one?
<p>I am enthusiastic about technology, I believe in the power of learning, I am committed to improving teaching, and I want to make education accessible to folks who are at geographical or temporal disadvantages.  My profession in distance education fits.</p>
<p>And while &#8220;distance education&#8221; is morphing from it&#8217;s roots as primarily an &#8220;independent study&#8221; mode to one that is more centered on the idea of a &#8220;classroom community&#8221; I have, in my own life, benefited from and enjoyed independent study, and believe that the relatively small niche of learners who thrive and can excel in independent study modes of learning are important and worthy of the support of our educational institutions.</p>
</li>
<li>Where did you work as an instructional designer/technologist?
<p>I began as a student Web developer and technical writer for <a href="http://it.usu.edu/fact/">FACT at Utah State University</a> in 1997, where I converted paper-based independent study course to a relatively new mode of delivery: <a href="http://en.wikipedia.org/wiki/World_wide_web">The World Wide Web</a>.</p>
<p>I then moved up to a position with <a href="http://distance.usu.edu/">Distance Education</a> program in 1999, working with faculty in the department of <a href="http://sped.usu.edu/">Special Education</a> to develop technology for and produce live, 2-way audio/video, Internet-delivered distance education courses with online course supplements.</p>
<p>After completing my Masters degree and spending some time abroad teaching, I returned to instructional technology as an instructional designer for <a href="http://www.uvsc.edu/disted/">Distance Education at Utah Valley State College</a> in 2002.  Since that time, I have created UVSC&#8217;s <a href="http://www.uvsc.edu/disted/tetc/">Technology Enhanced Teaching Center</a>, created dozens of new online courses, and been promoted to Director of the Instructional Design Services unit, where I oversee all aspects of Distance Education course production and educational technology development.</p>
</li>
<li>What surprised you the most after actively working in the field?
<p>One aspect that still surprises me is faculty and student preconceptions of distance education.  Instructors still want to believe distance education is only independent study and it doesn&#8217;t deserve the same attention, committment, and rigor as their on-campus classes; students still want to believe that distance education is self-paced and, unfortunately, easier or less rigorous.</p>
<p>But, in general, the most positive surprise has been to witness how effective distance education can be when Done Right.  With a committed instructor, sound technology choices, and some sense of adventure in the students, a fully online course can be as productive, as effective, and more engaging and fulfilling than a traditional face-to-face course. </p>
</li>
<li>What has been your most discouraging experience in the field of instructional design/technology?
<p>This would have to be the persistence of ignorant or just plain negative attitudes amongst some instructors and administrators toward distance education.  This is not just prevelant in the handful of distance education naysayers, but also present in some of the distance education instructors, who, as I mentioned above, still maintain wrong perceptions or inadequate committment to their distance education courses and students.  There are plenty of motivated, interactive, and engaging instructors involved in distance education, but I am still discouraged in the numbers of underprepared, undercommitted, or underenthused instructors as well.</p>
</li>
<li>If you could change one thing about about your job as an instructional designer/technologist what would it be?
<p>I wouldn&#8217;t change much about my job, though I would happily take advantage of additional human resources. In higher education, and in educational technology particularly, even if one has open positions (which itself is a rarity), skilled educational technologists, seasoned instructional designers, and creative multimedia producers are hard to find and harder to hold on to.  I am lucky to have a handful of exceptional professionals working with me, but too often I notice that we don&#8217;t have enough resources to keep up with our ideas, the changing face of technology, and the needs of students and instructors.</p>
</li>
<li>What aspect of being an instructional designer/technologist has given you hope for the future?
<p>Making education&#8230;</p>
<ul>
<li>more accessible to everyone</li>
<li>more convenient for instructors <em>and</em> students</li>
<li><a href="http://en.wikipedia.org/wiki/Open_educational_resources/">more open</a> to potential learners everywhere</li>
<li>more engaging and interactive</li>
<li>more authentic and sustained&#8211;carrying it beyond the classroom by capitalizing on <a href="http://flexknowlogy.learningfield.org/2008/03/ple-mapping-draft-1.html">personal learning environments</a></li>
</ul>
</li>
<li>If you could give a piece of advice to someone considering a career as an instructional designer/technologist what would it be?
<ul>
<li><strong>Learn</strong>: adventure, focus, study, interact, reflect, write, revise</li>
<li><strong>Teach</strong>: profess, engage, assess, interact, revise</li>
<li><strong>Build</strong>: analyze, prototype, test, observe, reflect, revise</li>
</ul>
</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://jaredstein.org/2008/04/03/re-john-krutschs-8-questions-for-ids/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

