<?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>Fuel Your Interface &#187; Interface 101: The Basics</title>
	<atom:link href="http://www.fuelyourinterface.com/category/learn/interface-101-the-basics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fuelyourinterface.com</link>
	<description></description>
	<lastBuildDate>Mon, 03 May 2010 14:37:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Interface 101: Part Three &#8211; User Experience</title>
		<link>http://www.fuelyourinterface.com/interface-101-part-three-user-experience/</link>
		<comments>http://www.fuelyourinterface.com/interface-101-part-three-user-experience/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 14:49:28 +0000</pubDate>
		<dc:creator>Jonathan Cutrell</dc:creator>
				<category><![CDATA[Discussions]]></category>
		<category><![CDATA[Interface 101: The Basics]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.fuelyourinterface.com/?p=370</guid>
		<description><![CDATA[We&#8217;ve had a great Interface 101 series thus far, and we are excited about creating content that you, as our readers, are enjoying and learning from. We&#8217;ve covered a lot about the basics of interfaces, what they are and what they aren&#8217;t. If you haven&#8217;t read the previous parts, read them here:
Part One: Basic Interfaces
Part [...]<p><p><strong>Sponsored by</strong></p>
<a href='http://madebytinder.com' target='_blank'><img src='http://fuelbrand.s3.amazonaws.com/downloads/WhatisTinder250x250.jpg' border='0' alt='Made By Tinder' /></a>
<p><a href="http://www.fuelbrandnetwork.com/advertise/">Advertise on Fuel Brand Network</a>. <br />
  <a href="http://www.fuelbrandnetwork.com">Fuel Brand Network</a> 2010 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">cc</a> (creative commons license)
</p></p>
]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve had a great Interface 101 series thus far, and we are excited about creating content that you, as our readers, are enjoying and learning from. We&#8217;ve covered a lot about the basics of interfaces, what they are and what they aren&#8217;t. If you haven&#8217;t read the previous parts, read them here:<br />
<a href="http://www.fuelyourinterface.com/interface-101-part-one-basic-interfaces/">Part One: Basic Interfaces</a><br />
<a href="http://www.fuelyourinterface.com/interface-101-part-two-advanced-interfaces/">Part Two: Advanced Interfaces</a><br />
In this post, we will discuss the concept of user experience.</p>
<h2>What is &#8220;user experience&#8221;?</h2>
<p><img src="http://www.fuelyourinterface.com/files/moes_exterior.jpg" alt="moes_exterior" width="600" height="400" class="alignnone size-full wp-image-375" /><br />
User experience, or &#8220;UX&#8221;, is just what its name implies &#8211; the experience of the user. It is very important to treat this concept from a holistic standpoint. The user experience involves every feeling, notion, belief, action, and response that the user undergoes when in contact with your interface set, brand, or product. User experience extends well beyond the world of interface design (although it is extremely important within the confines of interface design). As a case example, we will discuss the user experience for Moe&#8217;s Southwestern Grill. For those of you who are not acquainted, Moe&#8217;s is known primarily for their tongue-in-cheek marketing, welcoming atmosphere, and ridiculously large burritos.</p>
<p>A customer follows a line of actions that the user experience team studies very carefully.</p>
<h3>1. Initial information</h3>
<p>For one to choose to go to Moe&#8217;s, they have to have some kind of initial information of Moe&#8217;s. There are many possible informants for companies, including:</p>
<ul>
<li>Advertisement (broadcast or print)</li>
<li>&#8220;Window-shopping&#8221;</li>
<li>Word-of-mouth</li>
</ul>
<p>A good company makes sure that each of these initial informants provide the potential customer with the correct image and initial emotion and perception of the company. Advertisements will be created to match or further the branding and feel of the company, and to entice the target audience without being pushy. &#8220;Window-shopping&#8221; is when a potential customer who has never heard of Moe&#8217;s from any advertisement or word-of-mouth sees the actual company venue, and decides to give it a try. When speaking of internet user experience, window-shopping would be the use of a search engine to find a desired website, and is a far more common initial informant than advertising or word-of-mouth. (This statement only applies for online user experience.)<br />
While both advertising and &#8220;window-shopping&#8221; are largely controlled by the company, the customers have complete control of word-of-mouth information. The company&#8217;s branding and product or service usually are the heaviest influencing factors on the word-of-mouth information, but in the end, what the customer has to say is not decided by the company itself. (This constitutes the importance of product reviews.)</p>
<p>So in the case of Moe&#8217;s, one like myself may have had a myriad of experiences with the initial informants before actually going and purchasing food at Moe&#8217;s. A mixture of advertisements and word-of-mouth were the final drawing factors.</p>
<h3>2. Product and Service Experience</h3>
<p><img src="http://www.fuelyourinterface.com/files/moes_homewrecker.jpg" alt="moes_homewrecker" width="600" height="400" class="alignnone size-full wp-image-376" /><br />
Product or service experience deal with every single aspect of the use and interaction with a company and their product or service (I know, that was a tough one to guess). This is where most companies place the highest emphasis. Studies show that it is much cheaper to retain a loyal customer than to try to gain new customers; for most companies, then, the initial informants are not nearly as important as the product and service experience.</p>
<p>It is important to note that the word-of-mouth informant is regenerated by excellent product and service experience.</p>
<p>Take the following (false) story for example.</p>
<p>One day, my friend Joe walks into Moe&#8217;s with a coupon ad in his hand. He is welcomed thunderously (&#8221;Welcome to Moe&#8217;s&#8221; screamed by the employees). The restaurant has a vibrant color scheme, and the menu is full of tongue-in-cheek humor. Joe pays a modest amount for a burrito and some chips. He sits down after visiting Moe&#8217;s infamous salsa bar and takes a bite out of his burrito. He is blown away! He finishes every last bite of his meal, all the while looking around the room at the odd phrases on posters on the walls, intrigued by the music, and most importantly captivated by the food he is eating. Immediately after Joe leaves the restaurant, he twitters about his amazing lunch at Moe&#8217;s. Later that day, while Joe and I are hanging out, Joe mentions one of the posters in Moe&#8217;s. This is my initial informant. I ask Joe if he liked Moe&#8217;s. Joe, obviously, goes on a 20 minute rant about his Homewrecker (for those of you who are unfamiliar, that&#8217;s a burrito). So I decide to go to lunch that next week with Joe to Moe&#8217;s.</p>
<p>In the example, Joe&#8217;s experience was good enough to entice him to tell someone else about the product or service. This is an extremely powerful, free way of advertising.</p>
<p>Often, product and service experience is reoccurring. This is particularly true outside of the food industry. Most of what we use on a daily basis will be used again the next day, week, month, or even year. Very seldom will we visit and use a website or store one time. This is a very important consideration for user experience teams, again because of the loyal customer to new customer price tag ratio.</p>
<h3>3. Employee/Customer Interaction</h3>
<p><img src="http://www.fuelyourinterface.com/files/chartwitter-600x292.jpg" alt="chartwitter" width="600" height="292" class="alignnone size-medium wp-image-377" /><br />
Employee/customer interaction may not necessarily take place with every user experience, but it is definitely important to note aside from product and service experience. Employees are the face of a company more than anything else. It is therefore important to make sure that any interaction between an employee and a customer supports the company&#8217;s existing image, standards, and brand. Emplyee/customer interaction can take place in multiple ways.</p>
<ul>
<li>Product demonstration/&#8221;sales pitch&#8221;</li>
<li>Technical support</li>
<li>Customer support line (phone)</li>
<li>Alternative support</li>
</ul>
<p>An example of great alternative support can be seen by Charter Communications. While frustrated with a recent error on his bill, my same Moe&#8217;s friend (Joe) tweeted about it, mentioning Charter in his tweet. Within a few minutes, a Charter representative replied to his tweet, offering to help and to fix his bill. Not only was his bill fixed by the representative, but he received a credit on his bill as well. This greatly improved Joe&#8217;s user experience as a whole.</p>
<h2>Conclusion</h2>
<p>As we have seen, good user experience regenerates a company&#8217;s customer base. There is a line of actions that a person follows to become a customer with a particular company. It is of great importance to study that line of action and increase the quality of the user experience at all points, most importantly in the field of product and service experience. The user experience revolves around the customer&#8217;s experience with the actual product or service, and therefore should be central to the user experience team&#8217;s strategy.</p>
<p>These are the main points of user experience; there are thousands of different ways a person interacts with a company&#8217;s brand, product, and employees. Hopefully these basic interactions will help you better understand what user experience is, and will help you on the path to creating the best user experience for your customers.</p>
<p><p><strong>Sponsored by</strong></p>
<a href='http://madebytinder.com' target='_blank'><img src='http://fuelbrand.s3.amazonaws.com/downloads/WhatisTinder250x250.jpg' border='0' alt='Made By Tinder' /></a>
<p><a href="http://www.fuelbrandnetwork.com/advertise/">Advertise on Fuel Brand Network</a>. <br />
  <a href="http://www.fuelbrandnetwork.com">Fuel Brand Network</a> 2010 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">cc</a> (creative commons license)
</p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fuelyourinterface.com/interface-101-part-three-user-experience/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Interface 101 &#8211; Part Two: Advanced Interfaces</title>
		<link>http://www.fuelyourinterface.com/interface-101-part-two-advanced-interfaces/</link>
		<comments>http://www.fuelyourinterface.com/interface-101-part-two-advanced-interfaces/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 16:00:36 +0000</pubDate>
		<dc:creator>Jonathan Cutrell</dc:creator>
				<category><![CDATA[Discussions]]></category>
		<category><![CDATA[Interface 101: The Basics]]></category>
		<category><![CDATA[Learn]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://www.fuelyourinterface.com/?p=204</guid>
		<description><![CDATA[In part one of this series, we discussed the definition of an interface as the communicator between a sender and a receptor, and we discussed a few of the most basic interfaces we come into contact with every day.
In part two, we will be discussing advanced interfaces. If you haven&#8217;t read part one, you may [...]<p><p><strong>Sponsored by</strong></p>
<a href='http://madebytinder.com' target='_blank'><img src='http://fuelbrand.s3.amazonaws.com/downloads/WhatisTinder250x250.jpg' border='0' alt='Made By Tinder' /></a>
<p><a href="http://www.fuelbrandnetwork.com/advertise/">Advertise on Fuel Brand Network</a>. <br />
  <a href="http://www.fuelbrandnetwork.com">Fuel Brand Network</a> 2010 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">cc</a> (creative commons license)
</p></p>
]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://www.fuelyourinterface.com/interface-101-part-one-basic-interfaces/">part one</a> of this series, we discussed the definition of an interface as the communicator between a sender and a receptor, and we discussed a few of the most basic interfaces we come into contact with every day.</p>
<p>In part two, we will be discussing advanced interfaces. If you haven&#8217;t read part one, you may want to <a href="http://www.fuelyourinterface.com/category/learn/interface-101-the-basics/">go back a step</a> before continuing.</p>
<h2>What is an advanced interface?</h2>
<p>Remember the seventh grade science class about simple and compound machines? Let&#8217;s keep the ideas from that lesson in mind. If you didn&#8217;t, for some really great reason, take seventh grade, a simple machine is one of six varieties of objects, like an inclined plane or a pulley, that make work (the scientific definition, at least) easier to do. Compound machines take two or more of these simple machines and combine them to create a new machine.</p>
<p>Basic and advanced interfaces are similar to simple and compound machines. While a basic interface is limited to singular input and analysis process, advanced interfaces take advantage of two or more different kinds of input and analysis processes.</p>
<h2>Actual Environment Interfaces</h2>
<p><img src="http://www.fuelyourinterface.com/files/elevators.jpg" alt="elevators" width="600" height="399" class="alignnone size-full wp-image-210" /><br />
Actual environment interfaces are based on actions in which you are interacting directly with your environment. All interfaces utilize actual environments to some degree; from simple kitchen appliances to remote controls, steering wheels in your car to elevator buttons in your office complex, actual environment action-based interfaces exist all around us on a daily basis.</p>
<h2>Simulated Environment Interfaces</h2>
<p><img src="http://www.fuelyourinterface.com/files/simulator.jpg" alt="Flight simulator used for military training" width="600" height="534" class="size-full wp-image-211" /><br />
Simulated environment interfaces are based on a digital platform, such as a computer or ATM kiosk. A simulated environment would be the &#8220;world&#8221; that the screen is showing you. In an actual environment, you would use your hands to push buttons, open folders, write words, etcetera. In a simulated environment, you use an actual environment interface (usually a mouse, keyboard, trackpad, and/or a touchscreen) to &#8220;push&#8221; the buttons, open folders, and write (type) words that exist in a simulated environment. The popularity of simulated environments has reached an all-time high because of the exponential advancements in computing.</p>
<h3>Computers</h3>
<p>So naturally, as we&#8217;ve already mentioned one category of simulated environment interfaces is computers. Here we are speaking directly of the personal computer. You are more than likely using one right now. Virtually everyone at least has access to one. Personal computers are the building block of most other simulated environments, and have been the cause and subject of many advancements in technology that allow for more powerful, faster, smaller microchip processing. Microchip processing is the basis for almost every simulation we experience daily. This is not to mention the thousands of other venues in which microchip processing enhances a product. (That&#8217;s another post entirely.)</p>
<h3>Simulators</h3>
<p>Some other common simulated environments include flight/vehicle simulators, in which the operator utilizes instrumental interfaces that look, feel, and react the same way as instruments in a vehicle would, and often show the response through one or more screens, as well as auditory simulation and &#8220;feeling&#8221; simulation (the shaking of a car or tilting during an airplane turn). Some of these simulators have been developed enough to use as training mechanisms for military personnel. Others are available as consumer software that often utilizes input devices, such as joysticks or steering wheels that plug in via USB.</p>
<h3>Gaming Platforms</h3>
<p>Perhaps the most popular simulated environment platform is video games. The industry of video games has grown tremendously since it&#8217;s initial instatement. The realism of the newest gaming consoles, such as the XBOX 360 and Playstation3, has garnered the attention of younger and older gamers alike. (We won&#8217;t ever forget our roots, Atari owners!)<br />
<img class="alignnone size-full wp-image-206" src="http://www.fuelyourinterface.com/files/gaming.jpg" alt="gaming" width="600" height="400" /></p>
<h3>Portable Devices</h3>
<p>Let us not forget, perhaps the most widespread new simulated environment interfaces can be found on personal portable devices, such as cell phones and mp3 players. (Who else owns an iPhone?) Portable devices such as the iPhone and the new Palm Pre aren&#8217;t brand-new players in the game (PDA&#8217;s have technically been around since the 80&#8217;s), but have recently become more affordable and widespread, which has called for the industry to more competition to push the boundaries of the platform. With support from mobile networks that provide higher-speed wireless connection as well as Wi-Fi compatibility and Bluetooth advancements, portable devices have taken the limelight.</p>
<h3>The Internet</h3>
<p>Lastly, we must observe the internet as a simulated interface. The internet contains a vast amount of information, and perhaps most importantly, can be accessed from almost anywhere thanks to advancing technology (do you see a pattern here?).</p>
<h3>Etcetera&#8230;</h3>
<p>Okay, so there is no possible way we can list every kind of simulated environment here. We think you&#8217;re smart enough to get the idea though. :)</p>
<h2>Overview</h2>
<p>That&#8217;s a lot to take in (again). But let&#8217;s look at it <em>simply put.</em></p>
<p>Basic interfaces include text and illustration, as well as our sensory analysis processes. Advanced interfaces take advantage of any combination of these basic interfaces. Advanced interfaces may include both actual and simulated environment interfaces, and deal with physical interfaces that the user interacts with, while simulated environment interfaces deal with an interface that the user <em>seems</em> to interact with by using an actual environment interface to control the simulation, such as a mouse and keyboard.</p>
<p>Make sure you check back to see the next installment of Interface 101! Also, leave a comment below to join the discussion!</p>
<p><p><strong>Sponsored by</strong></p>
<a href='http://madebytinder.com' target='_blank'><img src='http://fuelbrand.s3.amazonaws.com/downloads/WhatisTinder250x250.jpg' border='0' alt='Made By Tinder' /></a>
<p><a href="http://www.fuelbrandnetwork.com/advertise/">Advertise on Fuel Brand Network</a>. <br />
  <a href="http://www.fuelbrandnetwork.com">Fuel Brand Network</a> 2010 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">cc</a> (creative commons license)
</p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fuelyourinterface.com/interface-101-part-two-advanced-interfaces/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Interface 101 &#8211; Part One: Basic Interfaces</title>
		<link>http://www.fuelyourinterface.com/interface-101-part-one-basic-interfaces/</link>
		<comments>http://www.fuelyourinterface.com/interface-101-part-one-basic-interfaces/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 05:45:29 +0000</pubDate>
		<dc:creator>Jonathan Cutrell</dc:creator>
				<category><![CDATA[Interface 101: The Basics]]></category>
		<category><![CDATA[Learn]]></category>
		<category><![CDATA[Practices]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://www.fuelyourinterface.com/?p=134</guid>
		<description><![CDATA[Welcome to Interface 101: The Basics!
Before we dive deep into which icons are most effective or best practices of interface development, let’s cover some basics, shall we? Interface 101 is a basic training on the terminology and theory of interface design. In the first two installment, we will discuss just what an interface actually is, [...]<p><p><strong>Sponsored by</strong></p>
<a href='http://madebytinder.com' target='_blank'><img src='http://fuelbrand.s3.amazonaws.com/downloads/WhatisTinder250x250.jpg' border='0' alt='Made By Tinder' /></a>
<p><a href="http://www.fuelbrandnetwork.com/advertise/">Advertise on Fuel Brand Network</a>. <br />
  <a href="http://www.fuelbrandnetwork.com">Fuel Brand Network</a> 2010 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">cc</a> (creative commons license)
</p></p>
]]></description>
			<content:encoded><![CDATA[<h2>Welcome to Interface 101: The Basics!</h2>
<p>Before we dive deep into which icons are most effective or best practices of interface development, let’s cover some basics, shall we? Interface 101 is a basic training on the terminology and theory of interface design. In the first two installment, we will discuss just what an interface actually is, and the differences between basic and advanced interfaces.</p>
<p>The word interface has many meanings and many different uses for unlimited contexts. For web designers, interface means something almost entirely different than for audio engineers. What, then, is an interface?</p>
<h2>Definition of an Interface</h2>
<p>Interface is defined as a “surface regarded as the common boundary of two bodies, spaces, or phases.” In other words, it is the communicator between a sender, a medium, and a receptor. The sender may be any object or person, or digital representation of an object or an action. The medium is some type of information, and the communicator allows this information from the sender to make sense to the receptor. The receptor may be any of the same things that the sender may be, and may become a sender to either the previous sender or a new receptor. (That’s a mouthful, isn’t it?) Here is a graphical representation of what an interface does, and what senders/receptors are.<br />
<img class="alignnone size-full wp-image-136" src="http://www.fuelyourinterface.com/files/interface_explain.jpg" alt="interface_explain" width="600" height="399" /><br />
So what are some different kinds of communicators? We will look at basic interfaces in this post, and advanced interfaces in the next Interface 101 post.</p>
<h2>Basic Interfaces</h2>
<p>Some of the most basic interfaces are also the most ancient. Perhaps the most important basic interfaces are writing and symbols. People have been communicating information to one another through glyphs and illustration for over 6,000 years. Writing can communicate information that would otherwise be spoken or shown through gestures between two people; however, when combined with other tools, such as the internet or mass production printing, written words of one person can be communicated to the whole world, becoming a very effective, yet still basic, interface.</p>
<h2>Writing and Illustration</h2>
<p>Writing and illustration have greatly advanced over their 6,000 year life-span. Now, there are thousands of languages and dialects, each with their own rules of writing. Beyond the different languages, there are hundreds of thousands of different typefaces and their varieties. Each of these communicates in a different way, and therefore changes the message, however slightly or heavily, of the interface.<br />
Writing and symbols are two kinds of interfaces that act between information and the human mind. Another example of an interface that acts as the communicator between information from one person’s mind to another is speech.</p>
<h2>Human Senses</h2>
<p>Each of our senses also provide us with ways of gathering information; our brain interprets what we see, hear, smell, taste, and feel through the interface of our eyes, ears, nose, taste buds, and nerve ends.</p>
<h2>Conclusion</h2>
<p>These basic interfaces can give us very important insight into the design of more complicated interfaces, and therefore they are extremely important to remember in the process of developing an interface. What language are the users speaking? Not necessarily literal language (although that is quite important as well&#8230; obviously) &#8211; rather, what is the most effective way to communicate to the user of a certain interface? How can you as the designer make sure that the look, feel, or sound of your interface is compatible with your user? Is the design of your interface aesthetically productive to the message you are trying to get across? Is it standing in the way, somehow, because of the aesthetic aspects? These are questions that can be birthed and used to give users a better experience by examining the importance of these most basic interfaces.</p>
<p><p><strong>Sponsored by</strong></p>
<a href='http://madebytinder.com' target='_blank'><img src='http://fuelbrand.s3.amazonaws.com/downloads/WhatisTinder250x250.jpg' border='0' alt='Made By Tinder' /></a>
<p><a href="http://www.fuelbrandnetwork.com/advertise/">Advertise on Fuel Brand Network</a>. <br />
  <a href="http://www.fuelbrandnetwork.com">Fuel Brand Network</a> 2010 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">cc</a> (creative commons license)
</p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fuelyourinterface.com/interface-101-part-one-basic-interfaces/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
