<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
    
<title>A curated design/dev feed by Mark Collins</title>
<link>http://pixxel.co/feed/s</link>
<description>A curated design/dev feed by Mark Collins</description>
<dc:language>en</dc:language>
<dc:creator>hq@pixxel.co</dc:creator>
<dc:rights>Copyright 2013</dc:rights>
<dc:date>2013-05-21T07:07:+00:00</dc:date>
<admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/pixxel/feed" /><feedburner:info uri="pixxel/feed" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
<title>Starters guide to iOS design</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/dDqdSh_1GZ8/starters-guide-to-ios-design</link>
<guid isPermaLink="false">http://pixxel.co/feed/starters-guide-to-ios-design</guid>
<description>&lt;p&gt;Well presented and worth a bookmark.&lt;/p&gt;

&lt;p&gt;EDIT: also &lt;a href="http://bjango.com/articles/appdesignworkflow/"&gt;App design workflow&lt;/a&gt;&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/dDqdSh_1GZ8" height="1" width="1"/&gt;</description>
<dc:date>2013-05-21T07:53+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/starters-guide-to-ios-design</feedburner:origLink></item>

<item>
<title>Touch interaction design</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/gU0Bmnr_dJQ/touch-interaction-design</link>
<guid isPermaLink="false">http://pixxel.co/feed/touch-interaction-design</guid>
<description>&lt;p&gt;Microsoft have put together a design guide for their Windows 8 touch devices. Much of this applies to any touch device.&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Size vs. efficiency: Target size influences error rate&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Some interesting insights.&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/gU0Bmnr_dJQ" height="1" width="1"/&gt;</description>
<dc:date>2013-05-21T07:07+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/touch-interaction-design</feedburner:origLink></item>

<item>
<title>Try Objective-C</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/dUerSwx8t-Y/try-objective-c</link>
<guid isPermaLink="false">http://pixxel.co/feed/try-objective-c</guid>
<description>&lt;p&gt;Another engaging learning utility from the guys at Code School. Also check out their portfolio site &lt;a href="http://envylabs.com/"&gt;Envy Labs&lt;/a&gt;.&amp;nbsp; I am Envy.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F93181993&amp;amp;color=000000&amp;amp;auto_play=false&amp;amp;show_artwork=true"&gt;&lt;/p&gt;&lt;p&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/dUerSwx8t-Y" height="1" width="1"/&gt;</description>
<dc:date>2013-05-21T06:56+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/try-objective-c</feedburner:origLink></item>

<item>
<title>Author marks</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/O-caihtK3fg/author-marks</link>
<guid isPermaLink="false">http://pixxel.co/feed/author-marks</guid>
<description>&lt;p&gt;I&amp;#8217;ve been using &lt;span class="highlight"&gt;text highlighing&lt;/span&gt; on this blog for about a year now to outline what I feel is most important (think highlighting passages in a text book). Matt Gemmell has introduced it to his blog with a turn on/off switch. Matt has also kindly supplied some JS to help you implement on your blog.&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/O-caihtK3fg" height="1" width="1"/&gt;</description>
<dc:date>2013-05-20T17:00+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/author-marks</feedburner:origLink></item>

<item>
<title>Google+ and the whiff of desperation</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/gACrtIAJdpk/google-plus</link>
<guid isPermaLink="false">http://pixxel.co/feed/google-plus</guid>
<description>&lt;p&gt;So the new Google+ looks nice. Clearly a lot of effort and research has gone into this version. Congratulations to the countless designers, developers and researchers behind this release. However, I still won&amp;#8217;t be using it.&lt;/p&gt;

&lt;p&gt;My favorite apps/services are those built by small indie teams. These apps are born by passion to solve a problem. &lt;span class="highlight"&gt;Google+ on the other hand reeks of desperation to get users to commit every aspect of their private lives to their database.&lt;/span&gt; It&amp;#8217;s all about the database. Google can add all the bells and whistles they like – I&amp;#8217;m not interested.&lt;/p&gt;

&lt;p&gt;Maybe I&amp;#8217;m being unfair. Perhaps Google justs wants me to make meaningful online connections&amp;#8230;&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/gACrtIAJdpk" height="1" width="1"/&gt;</description>
<dc:date>2013-05-16T08:17+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/google-plus</feedburner:origLink></item>

<item>
<title>Join now! No.</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/ct5ASyVSMVI/join-now-no</link>
<guid isPermaLink="false">http://pixxel.co/feed/join-now-no</guid>
<description>&lt;p&gt;I&amp;#8217;ve just visited Inc to look at a &lt;a href="http://www.inc.com/guides/12/2010/11-best-web-analytics-tools.html"&gt;review of analytic apps&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;The first fuck up&lt;/h3&gt;

&lt;p&gt;A shortish article split over 3 pages. This bullshit pagination is only there to increase page views for ad revenue. It spoils the UX for the sake of bumping clicks.&lt;/p&gt;

&lt;h3&gt;The second fuck up&lt;/h3&gt;

&lt;p&gt;I clicked the pagination to move to the 2nd page. Page two goes dim and a lightbox appears with a JOIN NOW message. I click to close this annoying popup. I then click to move onto the 3rd page and the lightbox appears &lt;em&gt;again&lt;/em&gt;.&lt;/p&gt;

&lt;h3&gt;Conclusion&lt;/h3&gt;

&lt;p&gt;So what has happened here. I quit Inc with nothing but hate for their approach. If I ever see a Inc link I won&amp;#8217;t be clicking it.&lt;/p&gt;

&lt;p&gt;&lt;span class="highlight"&gt;We all want our users to commit to us in one way or another but think about how you go about this. Aggressiveness won&amp;#8217;t be tolerated.&lt;/span&gt;&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/ct5ASyVSMVI" height="1" width="1"/&gt;</description>
<dc:date>2013-05-16T07:29+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/join-now-no</feedburner:origLink></item>

<item>
<title>Pop app: Prototyping</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/fCotwvf1WWc/pop-prototyping</link>
<guid isPermaLink="false">http://pixxel.co/feed/pop-prototyping</guid>
<description>&lt;p&gt;Sketch your mobile app on paper, take a photos of your sketches and then chain together to make a fast prototype. Brilliantly simple.&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/fCotwvf1WWc" height="1" width="1"/&gt;</description>
<dc:date>2013-05-15T11:08+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/pop-prototyping</feedburner:origLink></item>

<item>
<title>Buycott</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/OBGmgGHkVmA/buycott</link>
<guid isPermaLink="false">http://pixxel.co/feed/buycott</guid>
<description>&lt;p&gt;I love the idea behind this app.&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Have you ever wondered whether the money you spend ends up funding causes you oppose?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;It&amp;#8217;s not the greatest designed app I&amp;#8217;ve ever used and it hangs for too long but that can be forgiven (I think their servers are taking a hammering right now).&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/OBGmgGHkVmA" height="1" width="1"/&gt;</description>
<dc:date>2013-05-15T10:33+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/buycott</feedburner:origLink></item>

<item>
<title>Drop-down selector</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/RRIz9iGxgeM/drop-down-selector</link>
<guid isPermaLink="false">http://pixxel.co/feed/drop-down-selector</guid>
<description>&lt;p&gt;I&amp;#8217;m doing research into country selectors in forms. My problem is that these nearly always tend to be ridiculously long drop-down lists that users have to scroll through to find their country.&lt;/p&gt;

&lt;h3&gt;Most popular countries at the top?&lt;/h3&gt;

&lt;p&gt;I always felt this method alienates those countries that haven&amp;#8217;t made it to the top 5. Do I really want to do that?! Nope.&lt;/p&gt;

&lt;h3&gt;United Kingdom, Great Britain, Britain, England.&lt;/h3&gt;

&lt;p&gt;Variations of country names are a pain. I&amp;#8217;ve scrolled all the way down to &amp;#8216;U&amp;#8217; to find United Kingdom is missing. Back up to &amp;#8216;G&amp;#8217; I go. There it is. Gotcha.&lt;/p&gt;

&lt;h3&gt;Type to jump&lt;/h3&gt;

&lt;p&gt;Does your average user know that they can press the first letter of their country to jump to that section of the alphabet. Probably not. Why would they. It does after all appear to be an interactive mouse element.&lt;/p&gt;

&lt;h3&gt;Input box&lt;/h3&gt;

&lt;p&gt;Okay so now we&amp;#8217;re getting somewhere. Users know how to type and thanks to Google&amp;#8217;s predictive search box mechanism they have an understanding of typing just a few letters to narrow a selection. Commonsense prevails here (dangerous territory I know).&lt;/p&gt;

&lt;p&gt;&lt;img src="http://pixxel.s3.amazonaws.com/drop.png" /&gt;&lt;/p&gt;

&lt;h3&gt;Typos&lt;/h3&gt;

&lt;p&gt;Even those of us that can spell often make mistakes due to speed or clumsy fingers. Ideally the country input field will have partial matching of sorts.&lt;/p&gt;

&lt;p&gt;Budget pending we can tackle the small problems and make a big difference to the overall User Experience.&lt;/p&gt;

&lt;p&gt;Here&amp;#8217;s some further reading:&lt;/p&gt;

&lt;p&gt;» &lt;a href="http://www.devbridge.com/projects/autocomplete/jquery/"&gt;Ajax autocomplete for jQuery&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;» &lt;a href="https://medium.com/design-ux/eeda5cbbd315"&gt;Drop-down lists are bad&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;» &lt;a href="http://uxmovement.com/navigation/unified-dropdown-menu-one-menu-to-rule-all-links/"&gt;Unified drop-down menus&lt;/a&gt;&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/RRIz9iGxgeM" height="1" width="1"/&gt;</description>
<dc:date>2013-05-13T16:00+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/drop-down-selector</feedburner:origLink></item>

<item>
<title>Reorganising</title>
<link>http://feedproxy.google.com/~r/pixxel/feed/~3/9OHGsSRRW-0/reorganising</link>
<guid isPermaLink="false">http://pixxel.co/feed/reorganising</guid>
<description>&lt;p&gt;I&amp;#8217;ve updated the design here at Pixxel and added a much needed search option. &lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;A curated feed of links, articles and opinions.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I blog here primarily to have my own personal archive of useful links and resources. You guys appear to be enjoying what I do here so that makes me very happy.&lt;/p&gt;

&lt;p&gt;I also really enjoy helping you guys promote your excellence and so in addition to this blog I now send out a weekly newsletter to roundup the awesome I&amp;#8217;ve discovered.&lt;/p&gt;

&lt;p&gt;To help pay for Mailchimp I&amp;#8217;ve added a single advert. I thought really hard about this. I&amp;#8217;m not looking to profit – I&amp;#8217;m looking to get some help towards costs. Please rest assured that I will continue to post only the very best links etc. and will &lt;em&gt;never&lt;/em&gt; post just for the sake of it to get page views. Fuck that.&lt;/p&gt;
&lt;hr /&gt;&lt;img src="http://feeds.feedburner.com/~r/pixxel/feed/~4/9OHGsSRRW-0" height="1" width="1"/&gt;</description>
<dc:date>2013-05-13T07:03+00:00</dc:date>
<feedburner:origLink>http://pixxel.co/feed/reorganising</feedburner:origLink></item>

    
</channel>
</rss>
