<?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>blue-infinity blog</title>
	<atom:link href="http://blog.b-i.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.b-i.com</link>
	<description>branding. technology. integration.</description>
	<lastBuildDate>Wed, 16 May 2012 07:53:20 +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>blue-infinity recognised by International Academy of Visual Arts for two luxury brand websites</title>
		<link>http://blog.b-i.com/2012/05/16/blue-infinity-recognised-by-international-academy-of-visual-arts-for-two-luxury-brand-websites/</link>
		<comments>http://blog.b-i.com/2012/05/16/blue-infinity-recognised-by-international-academy-of-visual-arts-for-two-luxury-brand-websites/#comments</comments>
		<pubDate>Wed, 16 May 2012 07:53:20 +0000</pubDate>
		<dc:creator>Tara S. Kerpelman</dc:creator>
				<category><![CDATA[HQ News]]></category>
		<category><![CDATA[award]]></category>
		<category><![CDATA[Clinique La Prairie]]></category>
		<category><![CDATA[Communicator Award]]></category>
		<category><![CDATA[IAVA]]></category>
		<category><![CDATA[International Academy of Visual Arts]]></category>
		<category><![CDATA[luxury brand]]></category>
		<category><![CDATA[Vacheron Constantin]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=5155</guid>
		<description><![CDATA[The International Academy of Visual Arts (IAVA) recently awarded blue-infinity an Award of Excellence and an Award of Distinction in the 18th edition of its Annual Communicator Awards. The Awards are overseen by the IAVA, an organization of more than 550 members of leading visual arts professionals who work in media, advertising and marketing firms. [...]]]></description>
			<content:encoded><![CDATA[<p>The International Academy of Visual Arts (IAVA) recently awarded blue-infinity an Award of Excellence and an Award of Distinction in the 18<sup>th</sup> edition of its Annual Communicator Awards.</p>
<p>The Awards are overseen by the IAVA, an organization of more than 550 members of leading visual arts professionals who work in media, advertising and marketing firms. The entries are judged on their creative work against a standard of excellence based on the previous Communicator Awards. This year thousands of companies entered the competition.</p>
<p><span id="more-5155"></span></p>
<p><a href="http://blog.b-i.com/wp-content/uploads/2012/05/Treasures-of-Vacheron-Constantin-blue-infinity-site-e1337154526133.png"><img class="size-large wp-image-5157 alignleft" title="Treasures of Vacheron Constantin - site by blue-infinity" src="http://blog.b-i.com/wp-content/uploads/2012/05/Treasures-of-Vacheron-Constantin-blue-infinity-site-e1337154526133-700x376.png" alt="Treasures of Vacheron Constantin - site by blue-infinity" width="392" height="211" /></a>“The pool of entries we received for this year’s Communicator Awards serves as a true testament to the innovative ideas and capabilities of communications and marketing professionals around the world,” said Linda Day, Executive Director of the IAVA, in a press release. “Each year our entrants continue to amaze by reinventing the ways we communicate and market in an ever-changing industry,” she added.</p>
<p>The IAVA granted blue-infinity a Gold Communicator Award (Award of Excellence) for its work on <a href="http://www.vacheron-constantin.com/treasures-of-vacheron-constantin-singapore/" target="_blank">Vacheron Constantin’s site “Treasures of Singapore”</a> in the Fashion websites category.</p>
<p>blue-infinity’s second prize was the Silver Communicator Award (Award of Distinction) for the <a href="http://www.laprairie.ch/" target="_blank">Clinique La Prairie</a>’s new site in the Health Care Services websites category. </p>
<p><a href="http://blog.b-i.com/wp-content/uploads/2012/05/Clinique-La-Prairie-blue-infinity-site-e1337154420178.png"><img class="size-large wp-image-5158 alignright" title="Clinique La Prairie - site by blue-infinity" src="http://blog.b-i.com/wp-content/uploads/2012/05/Clinique-La-Prairie-blue-infinity-site-e1337154420178-700x362.png" alt="Clinique La Prairie - site by blue-infinity" width="392" height="203" /></a><em>About </em><em>The Communicator Awards</em></p>
<p><em>The Communicator Awards is the leading international awards program <strong>recognizing big ideas in marketing and communications</strong>. Founded nearly two decades ago, The Communicator Awards receives over 6,000 entries from companies and agencies of all sizes, making it one of the largest awards of its kind in the world. For more information go to </em><a href="http://www.communicatorawards.com/"><em>http://www.communicatorawards.com/</em></a><em> or </em><em><a href="http://www.iavisarts.org/">http://www.iavisarts.org</a>.</em><em></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/05/16/blue-infinity-recognised-by-international-academy-of-visual-arts-for-two-luxury-brand-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User stories and Gherkin</title>
		<link>http://blog.b-i.com/2012/05/09/user-stories-and-gherkin/</link>
		<comments>http://blog.b-i.com/2012/05/09/user-stories-and-gherkin/#comments</comments>
		<pubDate>Wed, 09 May 2012 08:00:31 +0000</pubDate>
		<dc:creator>Geoffrey Etwein</dc:creator>
				<category><![CDATA[Methodology]]></category>
		<category><![CDATA[agile]]></category>
		<category><![CDATA[behavior-driven development]]></category>
		<category><![CDATA[gherkin]]></category>
		<category><![CDATA[Scrum]]></category>
		<category><![CDATA[user stories]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=5139</guid>
		<description><![CDATA[Agility is a toolbox of practices dedicated to individuals, working software, customer collaboration and response to change. Yes, those are the values of the Agile manifesto. No it’s not a method; it’s an approach. It isn’t only used in development, like Scrum; it can also be used for business management and for running analyses. In [...]]]></description>
			<content:encoded><![CDATA[<p>Agility is a toolbox of practices dedicated to individuals, working software, customer collaboration and response to change. Yes, those are the values of the <a href="http://www.agilemanifesto.org/" target="_blank">Agile manifesto</a>.</p>
<p>No it’s not a method; it’s an approach. It isn’t only used in development, like Scrum; it can also be used for business management and for running analyses.</p>
<p>In his blog, Jurgen Appelo attempted to create a list of those Agile practices, some of which can be controversial. We might not agree with all of them but he does deserve credit for creating <a href="http://www.noop.nl/2009/04/the-big-list-of-agile-practices.html" target="_blank">the list</a> nonetheless.</p>
<p>Among those practices, two can be successfully combined to handle business requirements in an Agile organisation: User stories and Behaviour Driven Development.</p>
<p><span id="more-5139"></span></p>
<p><em><strong>User Stories</strong></em></p>
<p>A user story is a short sentence describing a business requirement from the product owner’s perspective. It’s an easy and fully understandable way to share information from the business to the development team.</p>
<p>Mike Cohn, one of the first signatory of the Agile Manifesto, suggested that the user story be written in the following format:</p>
<p><em>   As a &lt;type of user&gt;, I want &lt;some goal&gt; so that &lt;some reason&gt;</em></p>
<p>The type of user (or role) and the goal are mandatory. The reason field is optional if the reason is indeed obvious.</p>
<p>To create a useful user story, one of the best practices is to ensure that it will consider the INVEST principles. A user story should:</p>
<ul>
<li>be Independent</li>
<li>be Negotiable</li>
<li>be Valuable</li>
<li>be Estimable</li>
<li>be Small</li>
<li>have Tests</li>
</ul>
<p>Creating tests is mandatory. Acceptance tests must be described to consider a user story has been properly created.</p>
<p>We can create useful and readable acceptance tests with the Gherkin syntax used in BDD.</p>
<p><em><strong>Behaviour-driven development</strong></em></p>
<p>BDD is software development technique devised <a href="http://www.dannorth.net/introducing-bdd/" target="_blank">by Dan North</a>. We are only interested in the way requirements are written for BDD. It’s called the Gherkin syntax.</p>
<p>“<em>Gherkin […] is a business readable, domain specific language created especially for behavior descriptions. It gives you the ability to remove logic details from behavior tests.</em>” (<a href="https://github.com/cucumber/cucumber/wiki/Gherkin" target="_blank">https://github.com/cucumber/cucumber/wiki/Gherkin</a>)</p>
<p>To write a requirement with the Gherkin syntax, we should use the following pattern:</p>
<ul>
<li><strong>Given</strong> a context</li>
<li><strong>And</strong> additional information of context (optional)</li>
<li><strong>When </strong>a specific action is performed</li>
<li><strong>Then</strong> an expected result</li>
<li><strong>And </strong>additional information or expected result (optional)</li>
</ul>
<p>Use this pattern to describe main behaviours of a user story.</p>
<p>Here is an example:</p>
<p>“As a manager, I want to display all guarantee contracts for clients I’m allowed to manage.”</p>
<p>In this case acceptance tests will describe what happens when the case succeeds and what happens when it fails.</p>
<p><strong>A guarantee contract exists when:</strong></p>
<ul>
<li>Given a manager</li>
<li>And he has at least one guarantee contract among selected clients</li>
<li>When loading the Guarantee page</li>
<li>Then the guarantee list displays all retrieved guarantee contracts </li>
<li>And the sum of the Amount column is displayed under it</li>
</ul>
<p><strong>A guarantee contract doesn&#8217;t exist when:</strong></p>
<ul>
<li>Given a manager</li>
<li>And he doesn&#8217;t have any guarantee contract among selected clients</li>
<li>When loading the Guarantee page</li>
<li>Then the guaranty list is empty</li>
<li>And the message &#8220;No data available for this query&#8221; is displayed</li>
</ul>
<p><em><strong>Conclusion</strong></em></p>
<p>Using user stories and  acceptance tests written with the Gherkin syntax leads to team discussions and  prevents product owners or business analysts from producing heavy and hard to read (not to mention hard to maintain) requirement documents.</p>
<p>Since one of the most important points of agile practices is “communication,” easing this dialogue between stakeholders will save a lot of time and will increase the added value of implemented features.</p>
<p>Further reading:</p>
<ul>
<li>Mike Cohn blog : <a href="http://blog.mountaingoatsoftware.com/" target="_blank">http://blog.mountaingoatsoftware.com</a></li>
<li>Jurgen Appelo blog : <a href="http://www.noop.nl" target="_blank">http://www.noop.nl</a></li>
<li>“User stories applied” by Mike Cohn, publisher Addison-Wesley Professional</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/05/09/user-stories-and-gherkin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>blue-infinity ticks off a double win for Vacheron Constantin mini-sites in Internet Advertising Competition</title>
		<link>http://blog.b-i.com/2012/04/26/blue-infinity-ticks-off-a-double-win-for-vacheron-constantin-mini-sites-in-internet-advertising-competition/</link>
		<comments>http://blog.b-i.com/2012/04/26/blue-infinity-ticks-off-a-double-win-for-vacheron-constantin-mini-sites-in-internet-advertising-competition/#comments</comments>
		<pubDate>Thu, 26 Apr 2012 06:15:09 +0000</pubDate>
		<dc:creator>Tara S. Kerpelman</dc:creator>
				<category><![CDATA[HQ News]]></category>
		<category><![CDATA[award]]></category>
		<category><![CDATA[Best Fashion or Beauty Website]]></category>
		<category><![CDATA[blue-infinity]]></category>
		<category><![CDATA[IAC]]></category>
		<category><![CDATA[Internet Advertising Competition]]></category>
		<category><![CDATA[luxury]]></category>
		<category><![CDATA[mini-site]]></category>
		<category><![CDATA[Outstanding Website]]></category>
		<category><![CDATA[Vacheron Constantin]]></category>
		<category><![CDATA[watch]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=5077</guid>
		<description><![CDATA[The Web Marketing Association announced that blue-infinity has been granted two awards in this year’s Internet Advertising Competition (IAC) Awards. Both awards, “2012 Outstanding Website” and “2012 Best Fashion or Beauty Website,”  are for work done for Vacheron Constantin in the lead-up to the Salon internationale de la haute horlogerie. Here, the luxury watchmaker presented [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-large wp-image-5085 alignleft" title="Metiers d'art Vacheron Constantin award-winning site by blue-infinity" src="http://blog.b-i.com/wp-content/uploads/2012/04/Metiers-dart-vacheron-constantin-award-winning-site-700x413.png" alt="" width="448" height="264" /></p>
<p>The Web Marketing Association announced that blue-infinity has been granted two awards in this year’s Internet Advertising Competition (IAC) Awards.</p>
<p>Both awards, “<strong>2012 Outstanding Website</strong>” and “<strong>2012 Best Fashion or Beauty Website</strong>,”  are for work done for Vacheron Constantin in the lead-up to the Salon internationale de la haute horlogerie.<span id="more-5077"></span></p>
<p>Here, the luxury watchmaker presented three new models in the collection “Métiers d’Art – Les Univers Infinis” and for “The Malte Collection” all of which were presented at the event.</p>
<p>blue-infinity conceived, designed and developed mini-sites for these collections, each highlighting the collection’s graphic universe through multimedia: full-screen videos and photo slideshows and their unique attributes.</p>
<p><img class="size-large wp-image-5090 alignright" title="Malte collection Vacheron Constantin award-winning site by blue-infinity" src="http://blog.b-i.com/wp-content/uploads/2012/04/malte-collection-vacheron-constantin-award-winning-site-700x417.png" alt="" width="448" height="267" /></p>
<p>The IAC looks at the best Internet advertising over 96 industries and nine online formats and aim to honour excellence in online advertising.</p>
<div>
<p>To view blue-infinity’s awards, please click on the links below:</p>
<div>
<ul>
<li><a href="http://www.iacaward.org/iac/winner.asp?eid=8488" target="_blank">Outstanding Website for Vacheron Constantin: Métiers d’Art &#8211; Les Univers Infinis</a></li>
<li><a href="http://www.iacaward.org/iac/winner.asp?eid=8489" target="_blank">Best Fashion or Beauty Website for Vacheron Constantin: Malte Collection</a></li>
</ul>
<p>Or for more information on the IAC, click <a href="http://www.iacaward.org/iac/winners.asp" target="_blank">here</a>.</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/04/26/blue-infinity-ticks-off-a-double-win-for-vacheron-constantin-mini-sites-in-internet-advertising-competition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>blue-infinity develops new mini-site for Vacheron Constantin</title>
		<link>http://blog.b-i.com/2012/04/23/blue-infinity-develops-new-mini-site-for-vacheron-constantin/</link>
		<comments>http://blog.b-i.com/2012/04/23/blue-infinity-develops-new-mini-site-for-vacheron-constantin/#comments</comments>
		<pubDate>Mon, 23 Apr 2012 10:30:22 +0000</pubDate>
		<dc:creator>Tara S. Kerpelman</dc:creator>
				<category><![CDATA[HQ News]]></category>
		<category><![CDATA[customisable]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mini-site]]></category>
		<category><![CDATA[timepieces]]></category>
		<category><![CDATA[Vacheron Constantin]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[watch]]></category>
		<category><![CDATA[watches]]></category>
		<category><![CDATA[watchmaking]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=5069</guid>
		<description><![CDATA[Vacheron Constantin entrusted blue-infinity with designing and producing an online communication platform for its new and very exclusive service called “Atelier Cabinotiers” so b-i created a mini-site that allows customers to discover this elite offering. A special dedicated team at Vacheron Constantin is in charge of dealing with the special orders, from the design all [...]]]></description>
			<content:encoded><![CDATA[<p>Vacheron Constantin entrusted blue-infinity with designing and producing an online communication platform for its new and very exclusive service called “Atelier Cabinotiers” so b-i created a mini-site that allows customers to discover this elite offering.</p>
<p>A special dedicated team at Vacheron Constantin is in charge of dealing with the special orders, from the design all the way to the production of the beautiful unique and completely customised timepieces.</p>
<p>The watchmaking company wanted to present and highlight:</p>
<ul>
<li>A completely tailor-made service</li>
<li>A service that perpetuated its traditions</li>
<li>A service that highlighted Vacheron Constantin’s know-how</li>
</ul>
<p>After an introduction video on the site, customers are invited to explore the service and its various aspects via five sections illustrated by a full-screen slideshow. The animations are entirely generated via HTML and Javascript technologies, which make them viewable on an iPad.</p>
<p>The project is still evolving and will feature new elements that will create a relationship between the client and the dedicated team.</p>
<p>The mini-website is accessible from the main menu on the Vacheron Constantin website, or directly using this URL: <a href="http://www.vacheron-constantin.com/en/atelier-cabinotiers-custom-watches">http://www.vacheron-constantin.com/en/atelier-cabinotiers-custom-watches</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/04/23/blue-infinity-develops-new-mini-site-for-vacheron-constantin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe’s Flex move</title>
		<link>http://blog.b-i.com/2012/04/17/adobe-flex-move/</link>
		<comments>http://blog.b-i.com/2012/04/17/adobe-flex-move/#comments</comments>
		<pubDate>Tue, 17 Apr 2012 10:45:58 +0000</pubDate>
		<dc:creator>Victor Hugo Lago de Lira</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[falcon js]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=5040</guid>
		<description><![CDATA[Ever since Adobe decided to move Flex into the Open Source world late last year, many people have been involved in discussions about the company’s move.  This decision has made some people think that Flex is dying. When I mention Open Source to almost anyone other than a computer expert, it’s likely that the response [...]]]></description>
			<content:encoded><![CDATA[<p>Ever since Adobe decided to move Flex into the Open Source world late last year, many people have been involved in discussions about the company’s move.  This decision has made some people think that Flex is dying.</p>
<p>When I mention Open Source to almost anyone other than a computer expert, it’s likely that the response will be: “What’s Open Source?”</p>
<p>To try and put it in simple words, Open Source software is free and generally available on the internet. It is also normally distributed with its underlying code, or source code, which a knowledgeable programmer can read and modify to meet specific business needs; unlike commercial software that is sold only in a compiled executable version.</p>
<p>Nowadays many people are giving HTML5 a shot instead of Flex because they think it’s the technology that is going to stick, but it may still be too early to switch. Most of them don’t pay much attention to the fact that, at the time this post is being written, fewer than 5 percent of browsers support HTML5. A simple search on the internet will give you several reasons to reconsider, or at least think twice, before going ahead with HTML5 as an alternative to Flex. This will most definitely change in the next couple of years, but even then it is likely that we go through  a few HTML5 iterations before it is widely supported.</p>
<p>I am a believer that a war between the technologies should never occur. Anyone who rules out one of the technologies is not necessarily doing you a disservice, but, as for any project, the pros and cons should always be considered. There will always be the argument to use Flex for several reasons, such as the code is much nicer, and it has far better object-oriented and pattern support.</p>
<p><span id="more-5040"></span></p>
<p>Flex is far from dead. There are many well-known developers committed to taking Flex to the next level, including Adobe’s engineers. There’s even a JavaScript compiler for Flex on the verge of being released to the public (<a title="Falcon JS" href="http://blogs.adobe.com/bparadie/2011/11/19/what-is-falconjs/" target="_blank">Falcon JS</a>). Adobe is also very committed to its AIR compiler for mobile phone applications. So even if you can’t run your Flex code on a browser you can compile it as an app and run it on a mobile device and on your desktop.</p>
<p>Many people are apprehensive about Open Source, but you will find Open Source in plenty of places and being used in many very successful projects.</p>
<p>So whether you choose to use Flex or any other technology, make sure your decision will be the one to cater best for your needs: the best RIA (Rich internet Application) available for your timeline and budget.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/04/17/adobe-flex-move/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>blue-infinity in western Switzerland&#8217;s top 5 best employers</title>
		<link>http://blog.b-i.com/2012/04/16/blue-infinity-in-western-switzerlands-top-5-best-employers/</link>
		<comments>http://blog.b-i.com/2012/04/16/blue-infinity-in-western-switzerlands-top-5-best-employers/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 13:42:26 +0000</pubDate>
		<dc:creator>Tara S. Kerpelman</dc:creator>
				<category><![CDATA[HQ News]]></category>
		<category><![CDATA[b-i]]></category>
		<category><![CDATA[blue-infinity]]></category>
		<category><![CDATA[employer]]></category>
		<category><![CDATA[switzerland]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=5055</guid>
		<description><![CDATA[In its annual survey, Bilan magazine ranked blue-infinity as the fifth best employer of Suisse romande in the small to medium business category. The results of the survey were published in the magazine’s April 11th issue, with a ranking made in six categories: large businesses, multinationals, banks and insurance companies, public and semi-public companies, small [...]]]></description>
			<content:encoded><![CDATA[<p>In its annual survey, Bilan magazine ranked blue-infinity as the fifth best employer of Suisse romande in the small to medium business category. The results of the survey were published in the magazine’s April 11th issue, with a ranking made in six categories: large businesses, multinationals, banks and insurance companies, public and semi-public companies, small to medium businesses, and real estate and construction companies.</p>
<p>To determine the rankings, HKP, a consulting firm specializing in HR benchmarking, used a questionnaire covering general human resource topics such as compensation, benefits, workplace wellness, flexibility of working hours, professional training, equal opportunity, and more.</p>
<p>Click <a href="http://blog.b-i.com/wp-content/uploads/2012/04/201204_Bilan.pdf" target="_blank">here</a> to read the article.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/04/16/blue-infinity-in-western-switzerlands-top-5-best-employers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bringing your design beyond the desktop with responsive design</title>
		<link>http://blog.b-i.com/2012/03/27/bringing-your-design-beyond-the-desktop-with-responsive-design/</link>
		<comments>http://blog.b-i.com/2012/03/27/bringing-your-design-beyond-the-desktop-with-responsive-design/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 12:15:32 +0000</pubDate>
		<dc:creator>Nathalie Raux-Copin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Methodology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[flexible-grid flexible-layout UX web-interface grid-based-layout context-aware-images media-queries]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=4829</guid>
		<description><![CDATA[Users expect the same level of user experience as they consume your web content from any kind of computer devices, either for desktop or mobile use. But how can we then keep-up designing web interfaces for a constantly growing number of computer/mobile devices with different screen sizes, different resolutions, and different orientations? Although it is [...]]]></description>
			<content:encoded><![CDATA[<p>Users expect the same level of user experience as they consume your web content from any kind of computer devices, either for desktop or mobile use. But how can we then keep-up designing web interfaces for a constantly growing number of computer/mobile devices with different screen sizes, different resolutions, and different orientations?</p>
<p>Although it is preferable to design for the main two to three kinds (desktops, mobile phones, tablets) because use-cases vary considerably according to the context of use, budgets don’t always allocate for this to happen. So if the kind of project you’re working on allows it, you may consider adopting a responsive design approach.</p>
<p><a title="Food sense" href="http://blog.b-i.com/2012/03/27/bringing-your-design-beyond-the-desktop-with-responsive-design/food_sense_screen-1/" rel="attachment wp-att-4835" target="_blank"><img class="alignnone size-full wp-image-4835" src="http://blog.b-i.com/wp-content/uploads/2012/03/Food_sense_screen-1.png" alt="" width="287" height="215" /></a> <a title="Food Sense" href="http://blog.b-i.com/2012/03/27/bringing-your-design-beyond-the-desktop-with-responsive-design/food_sense_screen-2/" rel="attachment wp-att-4836" target="_blank"><img class="alignnone size-full wp-image-4836" src="http://blog.b-i.com/wp-content/uploads/2012/03/Food_sense_screen-2.jpg" alt="" width="130" height="215" /></a> <a title="Food Sense" href="http://blog.b-i.com/2012/03/27/bringing-your-design-beyond-the-desktop-with-responsive-design/food_sense_screen-3/" rel="attachment wp-att-4837" target="_blank"><img class="alignnone size-full wp-image-4837" src="http://blog.b-i.com/wp-content/uploads/2012/03/Food_sense_screen-3.jpg" alt="" width="90" height="215" /></a></p>
<p>Responsive design is a term that Ethan Marcotte* developed to describe a design that responds according to the medium that is used to view it. It isn’t a matter of just making the layout flexible as we use to do, but it is more about creating a fluid grid on which images and text behave appropriately. For example, instead of scaling down an image to the point where it loses its relevance, the trick is to hide or reveal portion of an image as you minimize the screen size. It is also about reordering and re-stacking navigation items and boxes of content on the flexible grid instead of scaling everything down. You can achieve this using a flexible grid-based layout, context-aware images and media queries (CSS3 module) to style the pages according to specific rules.</p>
<p>Here are some examples:<br /> <a title="Boston Globe" href="http://bostonglobe.com/" target="_blank">http://bostonglobe.com/</a><br /> <a title="Colly" href="http://colly.com/" target="_blank">http://colly.com/</a><br /> <a title="Food Sense" href="http://foodsense.is/" target="_blank">http://foodsense.is/</a></p>
<p>This technique works in most modern browsers (Safari (desktop, iPhone, iPad), Chrome, Internet Explorer (8+), Opera) and unsurprisingly degrades in other browsers, such as IE7 and under.</p>
<p>To find out more about this topic:<br /> <a target="_blank" href="http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/">http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/</a><br /> <a title="A list apart" href="http://www.alistapart.com/articles/responsive-web-design" target="_blank">http://www.alistapart.com/articles/responsive-web-design</a></p>
<p>Reference:<br /> *Ethan Marcotte is a Web Designer and Developer based in Boston</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/03/27/bringing-your-design-beyond-the-desktop-with-responsive-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get up, stand up&#8230;or how to embed UX in an Agile environment</title>
		<link>http://blog.b-i.com/2012/03/07/get-up-stand-up-or-how-to-embed-user-experience-in-an-agile-environment/</link>
		<comments>http://blog.b-i.com/2012/03/07/get-up-stand-up-or-how-to-embed-user-experience-in-an-agile-environment/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 16:11:40 +0000</pubDate>
		<dc:creator>Julia Borkenhagen</dc:creator>
				<category><![CDATA[Methodology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[agile]]></category>
		<category><![CDATA[Scrum]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=4778</guid>
		<description><![CDATA[9h30 – “Ok, let’s do the stand up!” Between five to 10 people promptly gather around the whiteboard every morning and give updates on their work, raise flags when they are blocked or when they need help… who is to say that agile projects are chaotic? For the past couple of months, I have been working [...]]]></description>
			<content:encoded><![CDATA[<p>9h30 – “Ok, let’s do the stand up!”</p>
<p>Between five to 10 people promptly gather around the whiteboard every morning and give updates on their work, raise flags when they are blocked or when they need help… who is to say that agile projects are chaotic?</p>
<p>For the past couple of months, I have been working on a long-term project that has been managed in an “agile” way, and have discovered many pros and some cons along the way. The biggest success, from my perspective at least, is to see how easily you can implement a user-centered design approach into an agile development environment if a few factors come together:</p>
<ul>
<li>There is a general understanding amongst the team members that producing a usable and pleasing product is a top priority.</li>
<li>The analysis phase is not skipped in the process and time is allowed to really understand the business rules, users and their context of use.</li>
<li>The user experience (UX) always works one or two sprints ahead while verifying work done in the previous one and discussing implementation questions for the current one.</li>
</ul>
<p>Below is a diagram I created that illustrates the last point and explains how UX and development collaborate across the sprints:</p>
<p><span id="more-4778"></span></p>
<p><img title="More..." src="http://blog.b-i.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<p><a href="http://blog.b-i.com/wp-content/uploads/2012/03/OneSprintAhead2.png"><img class="aligncenter size-large wp-image-4798" title="One sprint ahead" src="http://blog.b-i.com/wp-content/uploads/2012/03/OneSprintAhead2-700x468.png" alt="" width="700" height="468" /></a></p>
<p>Here is a summary of how the project has been going so far (from my perspective) and what tools we have used along the way:</p>
<p>At the very beginning, the UX, Functional and Technical track had to define what their approaches would be and how they would interact with each other. Since we came from different companies, we also had to get to know one another. What this meant for me was to explain what “UX” was all about – e.g. not just delivering graphical templates, and, yes, I do need to be involved in Functional workshops as well! This set the framework for the “blueprint” phase of the project.</p>
<p>During this phase, I had the opportunity to spend time with users in different countries, interviewing and observing them in their working environment. Based on these visits, I created “<strong>personas and scenarios</strong>” in <strong>Visio, </strong>which I shared with the team and then hung up on the wall. They were quite lively because I had been allowed to take pictures and had created “photo stories” about their daily tasks. The goal was to promote a common understanding about the conditions and context of work, and for the development team to feel more “connected” to the actual end users.</p>
<p>I used <strong><a href="http://www.axure.com" target="_blank">Axure</a></strong> for the wireframes, a tool that allows you to create a clickable prototype and to simulate rich internet applications in a realistic way. This has been instrumental since our early discussions with the different stakeholders and has also allowed us to conduct usability tests early on. Sharing these wires online has also been a big plus, especially since they are quite alive and have evolved constantly over time.  </p>
<p>Since this application was the first of several in the same family, it was important to clearly define user interface  guidelines. Initially, I created these standards and rules in a wiki. However, I quickly realized that those pages were hardly ever consulted (except by myself). So I switched tactics and included specifications on navigation, buttons, tables, forms, error messages and alerts as an appendix to the wireframes. Having everything in one place is definitely easier for the team and gives more visibility to the UI standards.</p>
<p>As this is an Agile project, there are no functional specifications but only “stories.” The stories have been created and reviewed in <strong><a href="https://www.atlassian.com/software" target="_blank">JIRA</a> (Greenhopper)</strong>, as are the bugs and enhancements. I must say that this is the point I (and I think most of my colleagues) have had some issues with. The stories were often too short and out of context to see the bigger picture. There is still room for improvement in terms of refining the method and the tool used. It would be helpful to take greater care in describing the “epics” (above the stories), and structuring the information in a logical way – which is not alphabetical or even by business value!</p>
<p>As to my daily update: “Working on new functionality for next release, will give demo today at 14h00 &#8211; no major blocking points!”</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/03/07/get-up-stand-up-or-how-to-embed-user-experience-in-an-agile-environment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>blue-infinity featured in Market magazine</title>
		<link>http://blog.b-i.com/2012/03/07/blue-infinity-featured-in-market-magazine/</link>
		<comments>http://blog.b-i.com/2012/03/07/blue-infinity-featured-in-market-magazine/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 13:00:51 +0000</pubDate>
		<dc:creator>Tara S. Kerpelman</dc:creator>
				<category><![CDATA[HQ News]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=4750</guid>
		<description><![CDATA[blue-infinity has once again made an appearance in the media! A new article in the February issue of the magazine Market describes how the company stand outs from the crowd and is surviving the crisis thanks to its global offering of integrated expertise in infrastructure management, systems integration and digital marketing services, all under one [...]]]></description>
			<content:encoded><![CDATA[<p>blue-infinity has once again made an appearance in the media! A new article in the February issue of the magazine Market describes how the company stand outs from the crowd and is surviving the crisis thanks to its global offering of integrated expertise in infrastructure management, systems integration and digital marketing services, all under one roof.</p>
<p>The company has a history of surviving crises in the IT sector. With the management’s 360 degree vision and the consultants’ ability to address a broad range of information technology challenges, blue-infinity has continued to expand (most recently into Asia), and now has more than 300 specialists working in Digital Marketing, User Experience, Mobile, Rich Internet Applications, Microsoft, J2EE, SAP, Infrastructure management, and many more.</p>
<p><a href="http://blog.b-i.com/wp-content/uploads/2012/03/Market_Fevrier_2012.pdf">Click here to read the original article in French</a>, and to find out what Pierre Aebischer, Managing Partner and Founder of blue-infinity, told Market.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/03/07/blue-infinity-featured-in-market-magazine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ABC of CRM</title>
		<link>http://blog.b-i.com/2012/03/05/abc-of-customer-relationship-management/</link>
		<comments>http://blog.b-i.com/2012/03/05/abc-of-customer-relationship-management/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 15:30:16 +0000</pubDate>
		<dc:creator>Kevin Crampton</dc:creator>
				<category><![CDATA[Customer Relationship Management]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[crm]]></category>
		<category><![CDATA[customer relationship management]]></category>
		<category><![CDATA[Microsoft Dynamics]]></category>

		<guid isPermaLink="false">http://blog.b-i.com/?p=4687</guid>
		<description><![CDATA[I’ve been spending a fair bit of “quality” time recently with Microsoft’s customer relationship management (CRM) product – a solution that was released at the start of 2011 as part of their Microsoft Dynamics suite of tools. As with any new main product there’s a wealth of online information. So here’s a quick introduction to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.b-i.com/2012/03/05/abc-of-customer-relationship-management/microsoft-dynamics-crm-2011/" rel="attachment wp-att-4718"><img class="alignleft size-medium wp-image-4718" title="Microsoft Dynamics CRM 2011" src="http://blog.b-i.com/wp-content/uploads/2012/03/Microsoft-dynamics-crm-2011-300x71.png" alt="Microsoft Dynamics CRM 2011 logo" width="300" height="71" /></a>I’ve been spending a fair bit of “quality” time recently with Microsoft’s customer relationship management (CRM) product – a solution that was released at the start of 2011 as part of their Microsoft Dynamics suite of tools.</p>
<p>As with any new main product there’s a wealth of online information. So here’s a quick introduction to the product to help you to get oriented amidst that mass of information, and to quickly become a CRM-expert for the next pub-quiz/game-show you attend! Some useful references are provided at the end.</p>
<p>This, then, is the ABC of CRM.</p>
<p><span id="more-4687"></span></p>
<p><em><strong>A – The Application</strong></em></p>
<p>CRM 2011 is available in both “on premises” and “online” flavours. You can buy the software and install it on your own servers using a local active directory for authentication or you can consume it “in the cloud” based on a software-as-a-service (SAAS) model in which you pay per user per month. Cloud authentication is based on Windows Live accounts and can be as cheap as CHF 9.80 a month.</p>
<p>The SAAS route is one that Microsoft has been pushing heavily and prospective customers can sign up in about 30 seconds for a free 30 day trial with no string attached.</p>
<p>For both “on premises” and “online” versions you can interact with the CRM through your browser (currently limited to IE 7 and above only) or via a client install which adds CRM functionality to MS Outlook. </p>
<p>With the Outlook component users can work with all of the CRM data via an extra set of folders and can “track” emails, contacts and appointments directly from their inboxes, so no new interface or tool to learn. The CRM provides a special interface rendered for mobile phones, and Microsoft also recently released an iPad tablet app.</p>
<p><em><strong>B – Out of the Box</strong></em></p>
<p>Out of the box, the solution is pretty flexible. It comes with a large number of existing data objects (called “entities”) for things like contacts, the companies they work for, marketing campaigns, notes, documents, templates for document generation, etc.:  All the sorts of things you’d expect from a system that aims to track people and organisations and your company’s interactions with them.</p>
<p>Charting, reporting and dashboards are nicely done (based on SSRS) with in-built editors for users to construct their own personal ad-hoc reports. They can then use these reports to navigate and filter data (for example, by clicking on a pie chart area to “drill down” tabular data).</p>
<p><div id="attachment_4692" class="wp-caption alignnone" style="width: 510px"><a href="http://blog.b-i.com/2012/03/05/abc-of-customer-relationship-management/crmscreenshot1/" rel="attachment wp-att-4692"><img class="size-full wp-image-4692" title="CRM Dashboard" src="http://blog.b-i.com/wp-content/uploads/2012/03/CRMScreenShot1.jpg" alt="Screenshot of CRM Dashboard" width="500" height="219" /></a><p class="wp-caption-text">CRM Dashboard</p></div>
<p>The CRM provides its own security management tools – users belong to security roles and are mapped into business units that control what data they can access and what they can do with that data. It provides a very fine (and fiddly) granularity for access control and the security applies throughout the system – from what field appear on web pages, to the data used in reports, and any data that is exported.</p>
<p>Integration with MS Office allows exporting of static or “dynamic” data to Excel (in which the data is refreshed from the CRM each time Excel is opened), generation of MS Word documents from templates stored in the CRM, and strong MS Outlook cooperation for users to keep their emails, contacts and calendar appointments in-sync.</p>
<p>The solution includes a workflow engine for automating key business processes or providing wizard step-by-step prompts for data capture and processing, and there’s a scheduling engine for allocating resources and individuals based on set rules.</p>
<p>Perhaps the most interesting feature (to developers) is that there are extensive in-built tools for customising the solution and a full API for interacting with the platform from your own code.</p>
<p><em><strong>C – Customising</strong></em></p>
<p>One of the strongest elements of the CRM 2011 is the ease of customising it. In fact, Microsoft pitches it as an xRM solution (anything relationship management) because you could (in theory) customise it completely away from contact management to model any data that is involved in relationships.</p>
<p>These are the levels of customisation available:</p>
<ol>
<li>Individual users themselves can personalise the interface, changing the language to one of the 41 language packs available, building their own reports or dashboards and constructing and saving their own queries.</li>
<li>The administrator-level tools to build new interfaces, to modify existing ones, to create new data types and their attributes in the system, to create new relationships (one to one, one to many etc.), and to package up these changes as a “solution” file for redeployment is also included within the tool without having to write a single line of code. Very quickly an “out of the box” CRM can be “pimped up” to suit specific data needs.</li>
<li>Javascript, which can access client-side and server-side data, can be hooked into these out of the box modifications to provide greater control.</li>
<li>A large number of third-party development companies, and Microsoft itself, provide pre-built solutions to adapt the CRM for extra needs – these are found on the Microsoft Market Place. Many of these are free and solutions exist, for example, for adapting the CRM for an NGO, health portfolio or a wealth management company. With the NGO plug-in, for instance, the CRM can manage pledges, donations, volunteers and projects.</li>
<li>Finally, code can be written against the API web services that the CRM exposes to interact with the xRM “engine” at its lowest level. In essence, you could chuck away the provided CRM interface completely and build your own application using the xRM core only.</li>
</ol>
<p><div id="attachment_4693" class="wp-caption alignnone" style="width: 510px"><a href="http://blog.b-i.com/2012/03/05/abc-of-customer-relationship-management/crmscreenshot2/" rel="attachment wp-att-4693"><img class="size-full wp-image-4693" title="CRM Customisation" src="http://blog.b-i.com/wp-content/uploads/2012/03/CRMScreenShot2.jpg" alt="Screenshot of CRM Customisation" width="500" height="347" /></a><p class="wp-caption-text">CRM Customisation</p></div>
<p><em><strong>Conclusion</strong></em></p>
<p>Microsoft has invested significant time and effort in the product and has a well-defined road map for its future. The company is releasing regular rollups every three months that add new functionality (such as Twitter-style following feeds), and CRM is likely to remain a strong contender as a base upon which other solutions can be built quickly and cheaply.</p>
<p><em><strong>References</strong></em></p>
<p><a href="http://crm.dynamics.com/fr-ch">http://crm.dynamics.com/fr-ch</a> &#8211; Swiss CRM home page.<br /><a href="http://blogs.msdn.com/b/crm/">http://blogs.msdn.com/b/crm/</a> &#8211; Microsoft CRM team blog.<br /><a href="http://www.xrmvirtual.com/">http://www.xrmvirtual.com/</a> &#8211; xRM user group.<br /><a href="https://community.dynamics.com/product/crm/">https://community.dynamics.com/product/crm/</a> &#8211; Microsoft Dynamics Community online.<br /><a href="http://www.microsoft.com/learning/en/us/certification/dynamics.aspx#tab1">http://www.microsoft.com/learning/en/us/certification/dynamics.aspx#tab1</a> – CRM Certifications.<br /><a href="http://www.microsoft.com/download/en/details.aspx?id=24004">http://www.microsoft.com/download/en/details.aspx?id=24004</a> – CRM 2011 SDK.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.b-i.com/2012/03/05/abc-of-customer-relationship-management/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

