<?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>Future of workplace &#187; Furqan Habib</title>
	<atom:link href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/category/students/furqan-habib/feed/" rel="self" type="application/rss+xml" />
	<link>http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace</link>
	<description></description>
	<lastBuildDate>Fri, 26 Apr 2013 14:28:19 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Before-The-Meeting</title>
		<link>http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/2013/04/before-the-meeting/</link>
		<comments>http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/2013/04/before-the-meeting/#comments</comments>
		<pubDate>Fri, 12 Apr 2013 09:08:48 +0000</pubDate>
		<dc:creator>balcaen.bert@iaac.net</dc:creator>
				<category><![CDATA[Bert Balcaen]]></category>
		<category><![CDATA[Furqan Habib]]></category>
		<category><![CDATA[Future of Work]]></category>
		<category><![CDATA[Students]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/?p=186</guid>
		<description><![CDATA[Furqan and me worked on the &#8216;before the meeting phase&#8217;. We identified these issues: Schedule Organize / prepare Alert / Drive Setting up (putting up files, send files in advance, The product A tool for organizing and setting up a meetings. Keep everything related and easy to understand like people, topics &#38; contents. Use an [...]]]></description>
				<content:encoded><![CDATA[<p>Furqan and me worked on the<strong><span style="color: #000000;"> &#8216;before the meeting phase&#8217;</span></strong>. We identified<strong> these issues</strong>:</p>
<ol>
<li>Schedule</li>
<li>Organize / prepare</li>
<li>Alert / Drive</li>
<li>Setting up (putting up files, send files in advance,</li>
</ol>
<p><strong>The product</strong></p>
<p><span id="internal-source-marker_0.42566626449115574"> </span></p>
<p style="font-weight: bold;" dir="ltr">A tool for organizing and setting up a meetings.</p>
<ul>
<li dir="ltr">
<p dir="ltr">Keep everything <strong>related</strong> and <strong>easy to understand</strong> like people, topics &amp; contents.</p>
</li>
<li dir="ltr">
<p dir="ltr"><strong>Use</strong> an innovative <strong>semantic zoom</strong> to <strong>navigate</strong> between various contents.</p>
</li>
<li dir="ltr">
<p dir="ltr"><strong>levels:</strong> an overview of all meetings, a detailed view of each meeting, and finally down to the different topics and files that were discussed in a meeting.</p>
<p dir="ltr"><strong>First Demo</strong></p>
<p dir="ltr">
</li>
</ul>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/Screen-Shot-2013-04-12-at-10.28.12.png"><img class="alignnone size-full wp-image-188" title="Screen Shot 2013-04-12 at 10.28.12" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/Screen-Shot-2013-04-12-at-10.28.12.png" alt="" width="989" height="483" /></a></p>
<p>Our <strong>starting point</strong> was a<strong> wireframe</strong> that allowed people to <strong>look</strong> <strong>at information from different angles</strong>:</p>
<ol>
<li><strong>Tasks</strong>: an <strong>overview</strong> of what had to be done <strong>during the meeting</strong>; the agenda if you will. Here&#8217;s where you add new<strong> tasks </strong>and set an optional<strong> time-limit</strong> for them. <strong>Files</strong> can be added by drag-and-dropping them onto tasks, and the same goes for <strong>people</strong>. The right sidebar has a smart listing of people. It knows who you&#8217;re regularly having meetings with, and gives these a high ranking. People you&#8217;ve recently exchanged email with also get a high ranking.</li>
<li><strong>Schedule</strong>: this is a<strong> screen </strong>to schedule a meeting. Here we were inspired by the<strong> <a href="http://www.doodle.com/main.html">Doodle</a> like interface</strong>. The people invited for the meeting can indicate when they are available.</li>
<li><strong>Conversation</strong>: this would be a <strong>chronological overview</strong> of all communication on this <strong>project</strong> (email, chat messages, &#8230;). Some actions would also create messages automatically, for example &#8220;John has added financial_report.xls&#8221;, and people could comment on these.</li>
<li><strong>Files</strong>: an overview with all <strong>documents linked to this meeting.</strong></li>
<li><strong>People:</strong> the same information as in the other views, but here we <strong>see </strong>everything from the <strong>point of view</strong> of the <strong>people involved</strong>.</li>
</ol>
<p>After experimenting with this lo-fi wireframe, we decided to experiment with the metaphor of the table in a more high fidelity prototype. The idea was to move a bit away from the rigidness of the interface in the wireframe and see if the idea of the <strong>meeting table</strong> would make the application more useful.</p>
<p>So we <strong>prototyped in<a href="http://prezi.com/index/"> prezi</a></strong> which is a Platform using <strong>zooming as a navigation tool</strong> to make presentation. <a href="http://prezi.com/ccxyxjpvhevt/untitled-prezi/?kw=view-ccxyxjpvhevt&amp;rc=ref-29783277">Here link to our prototype .</a></p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/11.jpg"><img class="alignleft size-large wp-image-197" title="1" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/11-730x410.jpg" alt="" width="989" height="483" /></a></p>
<p>An overview of the table with Topics and Files marked as circles.</p>
<p>In this<strong> interface,</strong> the<strong> table</strong> is in the center with the <strong>people</strong> in the meeting surrounding it. <strong>Tasks, files</strong>, and other elements related to the meeting are on the table.</p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/Untitled-2.jpg"><img class="alignleft size-medium wp-image-214" title="Untitled-2" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/Untitled-2-300x168.jpg" alt="" width="350" height="190" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/31.jpg"><img class="alignnone size-medium wp-image-200" title="3" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/31-300x168.jpg" alt="" width="350" height="190" /></a></p>
<p>The interface is a <strong>prezi</strong> or jef Raskin&#8217;s idea of the<strong> Zoom World  inspired</strong>. Which draws it&#8217;s straight from<strong> ZOOMING</strong>. So the our all contain is clear to you but by<strong> zooming</strong> in <strong>specific area </strong>you start getting more and more<strong> information</strong> about it.</p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/61.jpg"><img class="alignleft size-medium wp-image-203" title="6" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/61-300x168.jpg" alt="" width="350" height="190" /></a> <a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/41.jpg"><img class="alignnone size-medium wp-image-201" title="4" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/41-300x168.jpg" alt="" width="350" height="190" /></a></p>
<p>So <strong>WHAT NEXT!!</strong></p>
<p><strong><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/19.jpg"><img class="alignleft size-large wp-image-252" title="19" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/19-730x410.jpg" alt="" width="989" height="483" /></a></strong></p>
<p>It would be nice the bring the experience closer to real world as possible.</p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/10.jpg"><img class="aligncenter size-large wp-image-238" title="10" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/10-730x410.jpg" alt="" width="989" height="483" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/15.jpg"></a><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/15.jpg"></a>Using <strong>folders</strong> inset of circles gives it more <strong>closer to life appearance</strong>.</p>
<p>This is how it looks when you zoom on it.</p>
<p style="text-align: left;"><strong><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/111.jpg"></a><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/111.jpg"><img class="alignnone size-medium wp-image-239" title="11" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/111-300x168.jpg" alt="" width="350" height="190" /></a> <a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/14.jpg"><img class="alignnone size-medium wp-image-241" title="14" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/14-300x168.jpg" alt="" width="350" height="190" /></a></strong></p>
<p>Many times<strong> before the meeting</strong> you would like to<strong> communicate</strong> few thoughts or remind your fellow works of something important. So in order to do that we used<strong> stick post</strong>. On stick posts you can <strong>posts</strong> and  <strong>put reminder or comments</strong>.</p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/13.jpg"><img class="alignnone size-large wp-image-240" title="13" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/13-730x410.jpg" alt="" width="989" height="483" /></a></p>
<p>So you select on the folder and just in real live case you will find all the contains that the person would present in the meeting</p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/18.jpg"><img class="alignnone size-large wp-image-250" title="18" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/18-730x410.jpg" alt="" width="989" height="483" /></a></p>
<p>When you open the folder</p>
<p><a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/17.jpg"><img class="alignnone size-medium wp-image-249" title="17" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/17-300x168.jpg" alt="" width="350" height="190" /></a> <a href="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/16.jpg"><img class="alignnone size-medium wp-image-248" title="16" src="http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/files/2013/04/16-300x168.jpg" alt="" width="350" height="190" /></a></p>
<p>Contain inside the folders</p>
<p><strong>The next steps are:</strong></p>
<ol>
<li><strong>Exploring</strong> how far we get with this combination of <strong>skeuomorphism</strong> and <strong>zoom interface</strong> to<strong> navigate</strong>. We might have to<strong> use</strong> <strong>real life objects</strong> in some places.</li>
<li>Since we <strong>rely</strong> on <strong>zooming</strong>, it wasn&#8217;t that easy to find a quick way to prototype this kind of interaction. We <strong>use Prezi</strong>, which was helpful but has its <strong>limitations</strong>. We should <strong>switch</strong> and <strong>explore</strong> other <strong>mediums</strong> like<strong> Flash</strong> or <strong>Processing</strong> to get a better feel of for how this works.</li>
<li><strong>Adding </strong>some  <strong>functionality</strong>: eg <strong>setting reminders</strong>, <strong>notification, interface </strong>to<strong> setup.</strong></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai-2012-2013-future-of-workplace/2013/04/before-the-meeting/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
