<?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>AJ McClary &#187; User Experience</title> <atom:link href="http://www.ajmcclary.com/topics/ux/feed" rel="self" type="application/rss+xml" /><link>http://www.ajmcclary.com</link> <description>Located in Washington DC/Northern Virginia</description> <lastBuildDate>Fri, 13 Jan 2012 01:12:27 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Is your website &#8220;fresh&#8221;?</title><link>http://www.ajmcclary.com/is-your-website-fresh.html</link> <comments>http://www.ajmcclary.com/is-your-website-fresh.html#comments</comments> <pubDate>Fri, 13 Jan 2012 01:11:45 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1331</guid> <description><![CDATA[One of the most annoying things designers have to deal with is translating what their customers have to say into plain English. Here are some quotes I&#8217;ve gotten in the past: The design just isn&#8217;t &#8220;fresh&#8221; enough! It needs more spunk! There&#8217;s not enough pizzazz! It lacks glamor. The tables are exploding! Do you see [...]]]></description> <content:encoded><![CDATA[<p>One of the most annoying things designers have to deal with is translating what their customers have to say into plain English. Here are some quotes I&#8217;ve gotten in the past:</p><ul><li>The design just isn&#8217;t &#8220;fresh&#8221; enough!</li><li>It needs more spunk!</li><li>There&#8217;s not enough pizzazz!</li><li>It lacks glamor.</li><li>The tables are exploding!</li></ul><p>Do you see what all of these phrases have in common? None of them actually <em><strong>mean</strong></em> anything. All of the above comments are subjective. When you ask them to define further, they&#8217;ll say something like &#8220;I won&#8217;t know what I want until I see it&#8221;. That my friend is total bullshit.</p><p>This is where you have to take a step back and figure out what it is going to make this particular customer happy. Personally, I don&#8217;t take web design customers that don&#8217;t (a) know exactly what they want, (b) respect and trust my design judgement, or (c) at least utilize actual users when they make design decisions. If they don&#8217;t follow any of the above criteria, it&#8217;s really hard for me to make them happy.<em> Another caveat to add here: generally, when client&#8217;s sway away from my design and incorporate their &#8220;ideas&#8221;, the designs almost always look like shit. They&#8217;re rarely ever portfolio worthy. I recommend if this is the case to fire that client. It&#8217;s a win-win for both parties involved. </em></p><p>Another thing to watch out for with this type of client is that it&#8217;s impossible to get something right the first time. No matter how good the design is, they always want endless iterations. Many of them want 3-4 demos before they&#8217;ll even get started—the best designers in the world do ONE demo and iterate from there—that&#8217;s how I roll.</p><p>This is precisely the reason why I advocate a user-centered design philosophy. I think it&#8217;s a terrible idea to design by committee and what stakeholders ask for rarely amount to anything that improves the user experience, usability, or sales—on the contrary—it usually hinders all of these things.</p> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/is-your-website-fresh.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Are you using &#8220;reset&#8221; buttons on your forms?</title><link>http://www.ajmcclary.com/are-you-using-reset-buttons-on-your-forms.html</link> <comments>http://www.ajmcclary.com/are-you-using-reset-buttons-on-your-forms.html#comments</comments> <pubDate>Thu, 03 Nov 2011 01:10:59 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[Usability]]></category> <category><![CDATA[User Experience]]></category> <category><![CDATA[usability]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1296</guid> <description><![CDATA[Does your website contain forms that include an HTML reset button? If you&#8217;re using this godforsaken tag, I think you&#8217;re making a big mistake. I can&#8217;t tell you how many times I&#8217;ve observed users accidentally clicking the reset button and leu of submitting the form. The two are obviously not interchangeable and I feel the [...]]]></description> <content:encoded><![CDATA[<p>Does your website contain forms that include an HTML reset button?</p><p>If you&#8217;re using this godforsaken tag, I think you&#8217;re making a big mistake. I can&#8217;t tell you how many times I&#8217;ve observed users accidentally clicking the reset button and leu of submitting the form. The two are obviously not interchangeable and I feel the reset button does more harm than good. Quite honestly, I&#8217;ve never been through scenario where the user actually had a need to click on the reset button.</p><p>Here is an example of what I mean. There are so many problems with the way these buttons look. For one, two buttons that perform completely different actions look exactly the  same. Some users, who may be accustomed to traditional button behavior, like the like you would experience in Windows or Mac OS for example, make a inclination that all progressive buttons appear to the right—like you would experience in a wizard. I&#8217;m not getting into an argument about button placement,  but I can at least recommend deemphasizing the reset button or eliminating it altogether.</p><p><a
href="http://cdn.ajmcclary.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-02-at-4.26.20-PM.png"><img
class="size-full wp-image-1299" title="Screen Shot 2011-11-02 at 4.26.20 PM" src="http://cdn.ajmcclary.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-02-at-4.26.20-PM.png" alt="" width="290" height="33" /></a></p><p><strong>Here is an example I recommend:</strong> As you can see in the figure below the submit button—the button you want them to click on—is clearly highlighted and recognizable, while the reset button looks much less important. I learned this approach from a colleague a few years ago (<a
href="http://twitter.com/#!/cindyblue">@cindyblue</a>, follow her, she&#8217;s awesome):  there is a button you want them to click on and then there are the other options.  Always put emphasis on the actions you want the user to take, and deemphasize the actions the users are less likely to take.</p><p><a
href="http://cdn.ajmcclary.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-02-at-4.36.30-PM.png"><img
class="size-full wp-image-1301" title="Screen Shot 2011-11-02 at 4.36.30 PM" src="http://cdn.ajmcclary.com/wp-content/uploads/2011/11/Screen-Shot-2011-11-02-at-4.36.30-PM.png" alt="" width="178" height="69" /></a></p><p><strong>Here is one important thing you should always remember:</strong> any time you are performing an action that is not recoverable, like resetting a form, deleting a file, or performing a cancel operation, you need to prompt the user first that their changes will be lost if they continue with the operation.</p><p>Have you ever accidentally hit the &#8220;reset&#8221;  button by mistake?</p> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/are-you-using-reset-buttons-on-your-forms.html/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Do you have a phone number on your website?</title><link>http://www.ajmcclary.com/do-you-have-a-phone-number-on-your-website.html</link> <comments>http://www.ajmcclary.com/do-you-have-a-phone-number-on-your-website.html#comments</comments> <pubDate>Wed, 26 Oct 2011 21:10:42 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[heuristics]]></category> <category><![CDATA[usability]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1237</guid> <description><![CDATA[There aren&#8217;t many things I consider cut and dry when it comes to website usability and user experience design. When I put concepts in front of users, no two websites get the same results—so I&#8217;m cognizant about sharing these hard and fast rules with others. One rule I believe to be almost universal is: Failing [...]]]></description> <content:encoded><![CDATA[<p>There aren&#8217;t many things I consider cut and dry when it comes to website usability and user experience design. When I put concepts in front of users, no two websites get the same results—so I&#8217;m cognizant about sharing these hard and fast rules with others.</p><p>One rule I believe to be <em>almost</em> universal is:</p><blockquote><p>Failing to leave a phone number on your website for people to call and allowing them to get in touch with someone right away.</p></blockquote><p>I have no idea why so many websites make this detrimental mistake. After all, it&#8217;s one of the most common website scenarios: getting in touch with someone. It&#8217;s also one of the most common usability problems.<strong> The data is pretty consistent:</strong> people want to talk to someone—especially if they&#8217;re genuinely interested in investing their time and money with a company.</p><p>Even when showing qualitative data to organizations that have a strong UX culture, I almost always get push back in the end. Here are some reasons people get worried about this:</p><ul><li>Cold calls/marketing solicitations</li><li>Sales team isn&#8217;t prepared &#8211; they want to talk to customers on their terms</li></ul><div>I think this is bullshit. After all, most of the time the entire purpose of having a website is to make a &#8220;conversion&#8221; and that interaction usually happens more effectively over the phone (not automatically).</div> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/do-you-have-a-phone-number-on-your-website.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>How to succeed in UX without being a douchebag.</title><link>http://www.ajmcclary.com/how-to-succeed-in-ux-without-being-douchebag.html</link> <comments>http://www.ajmcclary.com/how-to-succeed-in-ux-without-being-douchebag.html#comments</comments> <pubDate>Wed, 19 Oct 2011 20:43:38 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[user experience]]></category> <category><![CDATA[ux culture]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1162</guid> <description><![CDATA[Today, we&#8217;re gonna discuss how to get people in your organization to get on board with usability testing and the UX/IA methodologies. People who work in our field are not always accepted in their organizations. UX design can often make people very antsy—especially because what we do is so different. When you know you&#8217;re right, [...]]]></description> <content:encoded><![CDATA[<div>Today, we&#8217;re gonna discuss how to get people in your organization to get on board with usability testing and the UX/IA methodologies. People who work in our field are not always accepted in their organizations. UX design can often make people very antsy—<a
title="Creating the User Experience—Experience" href="http://www.ajmcclary.com/creating-the-user-experienceexperience.html">especially because what we do is so different</a>. When you know you&#8217;re right, it&#8217;s so hard to not remind everybody about it—you just have to do it the right way. Here are somethings you can do to get people to get on board with the UX lifecycle.</div><ol><li><strong>Check your ego at the door. </strong>Your ego has no place when it comes to writing software. If you&#8217;re writing software based on how you feel, you&#8217;re making a big mistake. It should be made from data. Nobody likes an egomaniac! You don&#8217;t want to have that kind of atmosphere</li><li><strong>Make it feel like it was their idea.</strong> Make it about the person you&#8217;re trying to convince. It&#8217;s way easier to get people on board this way.</li><li><strong>Don&#8217;t be an asshole.</strong> You can&#8217;t make a difference if you&#8217;re fired. Be the voice of the user, but don&#8217;t be the voice that is nagging everyone. &#8220;There goes AJ again&#8230;&#8221;.</li><li><strong>Position yourself as the expert on the user</strong> and do this by conveying a message based off of the facts.</li><li><strong>Use good excuses</strong> (but not an ultimatum): &#8220;You can&#8217;t hold me accountable for usability if we don&#8217;t do usability testing.&#8221; or &#8220;You can&#8217;t hold me accountable for the user experience if you don&#8217;t put me in front of users&#8221;.</li><li><strong>Get everyone involved.</strong> Don&#8217;t think that because you&#8217;re a UX designer that everyone else can&#8217;t do it to. You should be creating an atmosphere where everyone is thinking about user experience. Be an advocate for the user and an evangelist for user-centered design.</li><li><strong>Listen more, speak less.</strong> I&#8217;ve learned to only speak about something when I have a really good reason to. One great side effect is that people tend to genuinely respect my ideas and opinions—that&#8217;s because I don&#8217;t dilute what I say with useless filler.</li></ol> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/how-to-succeed-in-ux-without-being-douchebag.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Usability Recruiting: Selecting Good Participants</title><link>http://www.ajmcclary.com/usability-recruiting-selecting-good-participants.html</link> <comments>http://www.ajmcclary.com/usability-recruiting-selecting-good-participants.html#comments</comments> <pubDate>Mon, 03 Oct 2011 00:19:04 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[usability]]></category> <category><![CDATA[usability recruiting]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1106</guid> <description><![CDATA[Click to tweet: &#8220;I&#8217;m reading @ajmcclary&#8217;s Usability Recruiting: Selecting Good Participants&#8221;. Usability recruiting is often a very convoluted and under-invested task that is by far one of the most important parts of usability testing. When usability recruiting is not done well, you often get no-shows, flakes, and non-relevant participants. Here is some advice that will [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignright size-medium wp-image-1155" title="Usability Recruiting: How To Select Participants" src="http://cdn.ajmcclary.com/wp-content/uploads/2011/10/Screen-Shot-2011-10-02-at-7.54.26-PM-300x169.png" alt="" width="300" height="169" /><a
href="http://clicktotweet.com/D0frg">Click to tweet: &#8220;I&#8217;m reading @ajmcclary&#8217;s Usability Recruiting: Selecting Good Participants&#8221;.</a></p><p>Usability recruiting is often a very convoluted and under-invested task that is by far one of the most important parts of <a
title="How to do usability testing." href="http://www.ajmcclary.com/how-to-do-usability-testing.html">usability testing</a>. When usability recruiting is not done well, you often get no-shows, flakes, and non-relevant participants. Here is some advice that will help you select good participants for your next usability study.</p><ul><li><strong>Have a list of all the probable questions and answers</strong> that could come up prior to beginning recruiting. Theses questions could be along the lines of &#8220;How long will it take?&#8221; and &#8220;Will you be timing me?&#8221;. It might be a good idea to run through this exercise a few times prior to picking up the phone.</li><li><strong>Write a &#8220;call script&#8221;</strong> for the participants you are contacting. This will make it easier to get your message across.</li><li><strong><a
title="5 Weeks of Cognitive Walkthroughs" href="http://www.ajmcclary.com/5-weeks-of-cognitive-walkthroughs.html">Have a list of questions ready</a>.</strong> These questions should qualify your participants and give you a little background that will help you make a good choice. Start off with where you work, where you live, what your job title/description is, then move onto tougher questions.</li><li><strong>Each question should have a disqualifier.</strong> Once the user is disqualified, that is when the call should be terminated and moved onto the next person on the list. For example, you may want to disqualify individuals who are not familiar with the Internet or do not use computers.</li><li><strong>Offer an honorarium (a gratuity) to your participants.</strong> It is very likely they will have to take time away from their jobs to participate in your study—so paying them is just a little incentive.</li><li><strong>Don&#8217;t wait until the last minute!</strong> Recruiting individuals to participate in usability testing is not an easy task and many may abandon you at the last minute. (Tip: if you&#8217;re worried about cancelations, consider leveraging a higher honorarium. Maybe $300 vs. $50.)</li><li>The evening before the study, remember to <strong>call the participant and verify their appointment</strong> and the rest of the details.</li><li><strong>Have backups.</strong> Almost every time I do a usability study, someone bails at the last minute. You want to have backups ready throughout the day just in case. It may be a good idea to pay them a gratuity as well. One thing I&#8217;ve done in the past is to put the backups on-call. Preferably, this would be someone who is close to the facility, lab, or test site. Call your scheduled participants two hours prior to their appointment to verify they are still coming.</li></ul> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/usability-recruiting-selecting-good-participants.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>How to do usability testing.</title><link>http://www.ajmcclary.com/how-to-do-usability-testing.html</link> <comments>http://www.ajmcclary.com/how-to-do-usability-testing.html#comments</comments> <pubDate>Tue, 13 Sep 2011 23:13:53 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[how-to]]></category> <category><![CDATA[usability]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1089</guid> <description><![CDATA[@pacharrin on Twitter asks: &#8220;I&#8217;m preparing my first usability test. Any recommendations?&#8221;—well I&#8217;m so glad you asked this question. I&#8217;m going to give you the &#8220;low-down&#8221; on how to do usability testing that is both effective and eye-opening. By the way, this article is about doing a very small qualitative study, so we&#8217;ll save card [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignright size-full wp-image-1097" title="usa" src="http://cdn.ajmcclary.com/wp-content/uploads/2011/09/usa.png" alt="" width="300" height="200" />@pacharrin on Twitter asks:</p><blockquote><p>&#8220;I&#8217;m preparing my first usability test. Any recommendations?&#8221;—well I&#8217;m so glad you asked this question.</p></blockquote><p>I&#8217;m going to give you the &#8220;low-down&#8221; on how to do usability testing that is both effective and eye-opening. By the way, this article is about doing a very small qualitative study, so we&#8217;ll save card sorting/eye tracking/etc for another day. Here are your action steps to testing software or a website for usability:</p><p><a
href="http://clicktotweet.com/4zbBe">Like this article so far? Click here to tweet about this on Twitter.</a></p><ol><li><strong>Assemble Scenarios.</strong> Create a list of scenarios and prioritize them. It is very possible that you may not get through all of them. I recommend no more than 8 or 9 for a one hour study. You don&#8217;t want to have too many and your user get fatigued.</li><li><strong>Assemble interview questions.</strong> What kind of questions will give your test results perspective? You can ask these questions before, during, or after the study.</li><li><strong>Assemble a survey.</strong> This can be sent to the user via email before or after the study is completed using a service like Survey Monkey.</li><li><strong>Get &#8220;buy-in&#8221; from upper management.</strong> You need to make it sound like it&#8217;s their idea. It&#8217;s so important to create an environment where everybody is thinking about the users and this is driven from data—not ego. Use the arguments &#8220;you can&#8217;t hold me accountable for usability if we don&#8217;t do usability testing regularly&#8221; and &#8220;if we&#8217;re not making decisions based on data, we&#8217;re just guessing!&#8221;.</li><li><strong>Recruit Participants</strong> and make them <strong>sign waivers</strong> beforehand. Have a list of trigger questions that will disqualify them. You want to eliminate participants that may skew your results. You want to recruit 5-6 users and also try to recruit 1-2 backups in case some of your users don&#8217;t show up. By the way, someone almost always bails!</li><li><strong>Choose testing style.</strong> Are you doing lab testing or field testing (ethnographic)? If you&#8217;re doing lab testing, make sure the lab has an observation room in case stakeholders want to observe. Regardless of the testing type, make sure that there are no more than 2 people in the room with the user (one person to facilitate and one person to take notes). Often times, management will want to sit in on these things—fight it if you can.</li><li><strong>Figure out what equipment you&#8217;re going to use</strong> and keep it consistent for each user. I prefer a simple Windows 7 machine with Internet Explorer or Firefox. I recommend installing Morae to do picture-in-picture video recording. If you&#8217;re doing this in a lab, they may have the configuration available for you. Another option, if you&#8217;re using a Mac, is to try Silverback (much cheaper than Morae).</li><li>On the day of the study, <strong>make sure that refreshments and snacks are available</strong>. If you&#8217;re budget is very small, just have bottled water on hand. Your users will appreciate the gesture.</li><li>When the user arrives, <strong>kindly great them and thank them for participating in the study</strong>. Inform them what you are doing, that they&#8217;re being recorded, and that their contributions are going to be used to improve your product.</li><li><strong>Begin with a few interview questions</strong> to get the user warmed up. Instruct the user to &#8220;think out loud&#8221; so you know what they&#8217;re thinking as they move through each task.</li><li><strong>Start with a simple scenario</strong>, like &#8220;Navigate to Acme&#8217;s home page&#8221; then gradually move on to harder scenarios. Pay very close attention to what they&#8217;re looking at, their facial expressions, their complaints, etc. This is where it&#8217;s nice to have one person who&#8217;s role is strictly to take notes so you can focus on the subtle things.</li><li><strong>Have your note taker discreetly record the time</strong> it takes to do each scenario. It isn&#8217;t a good idea to tell the user that you&#8217;re recording the time—and it doesn&#8217;t have to be too scientific, just glance at your watch.</li><li>If the user asks you a question, <strong>use &#8220;the echo effect&#8221;</strong> and repeat the question back to the user. Example: &#8220;How do you search for keywords?&#8221; reply with &#8220;How, DO YOU THINK you would search for keywords?&#8221; if the user doesn&#8217;t know, say &#8220;How do you think search should work?&#8221;. Remember, you&#8217;re not there to give the user training, you&#8217;re there to uncover usability problems so they don&#8217;t need training.</li><li><strong>Make sure the user tells you when they would have normally given up on a task.</strong> It doesn&#8217;t mean you have to stop the scenario, but it&#8217;s important to indicate the timing in your report. If you strongly feel the task cannot be completed, definitely move on to the next task—but don&#8217;t give up too soon. There are often many navigation and search paths, you never know which one your user may discover.</li><li><strong>When the study is over, pay your user</strong> an honorarium or gratuity for their support. Anywhere from $50-$100 for normal users. If the user is a subject matter expert (like a doctor or lawyer), it&#8217;s customary to pay them more their contribution.</li><li><strong>Send a survey out to each of your users.</strong> Sometimes, I like to send out a thank you card in the mail as well.</li><li><strong>Assemble all of your data together and create a report.</strong> Annotate the number of times a problem occurred and indicate whether or not a problem is a trend or not.</li></ol><div>I realize that was pretty lengthy, but I&#8217;ll be doing videos for the individual topics in the future.</div> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/how-to-do-usability-testing.html/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>8 Ways To Improve Website Performance</title><link>http://www.ajmcclary.com/8-ways-to-improve-website-performance.html</link> <comments>http://www.ajmcclary.com/8-ways-to-improve-website-performance.html#comments</comments> <pubDate>Sat, 27 Aug 2011 20:08:02 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[usability]]></category> <category><![CDATA[website performance]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=1028</guid> <description><![CDATA[Click here to tweet this article to your followers! Website performance is not just a usability issue, also a overarching user experience issue. Learn my 8 ways to Improve Website Performance and Usability. Want website traffic? Google factors your page load time into their algorithm—placing skinnier websites toward the top of the search results. Want [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://clicktotweet.com/Nxb8b"><strong>Click here to tweet this article to your followers!</strong></a></p><p>Website performance is not just a usability issue, also a overarching user experience issue. Learn my 8 ways to Improve Website Performance and <a
title="Top 8 Usability Mistakes People Make" href="http://www.ajmcclary.com/top-8-usability-mistakes-people-make-and-how-to-prevent-them.html">Usability</a>.</p><ul><li>Want website traffic? Google factors your page load time into their algorithm—placing skinnier websites toward the top of the search results.</li><li>Want your users to take action on something, like contact you, get a quote, or opt-in to your newsletter? Studies have shown the they&#8217;re more likely to leave your website in as little as a few seconds if you haven&#8217;t delivered content fast enough.</li></ul><div>Looks like I&#8217;ve got your attention: <strong>your website needs to load as fast as possible</strong>. What can you do to accomplish this? Here are some tips that will help you improve website performance:</div><div><ol><li>From a design perspective, <em>remove everything that isn&#8217;t necessary</em>. Minimalism isn&#8217;t just a fad, it&#8217;s a proven methodology for delivering the best experience for your users. When you remove all of the garbage, you greatly increase website usability and reduce what we call the &#8220;<a
title="Elements of Content Strategy" href="http://www.ajmcclary.com/elements-of-content-strategy.html">bounce rate</a>&#8220;—the percentage of users who immediately leave your website upon arriving.</li><li>Compress your images with <a
title="Smush it is an amazing tool for compressing images. " href="http://www.smush.it" target="_blank">Smush.it</a> and watch your load times soar. Often times, the images you add to your website are not compressed or optimized for fast load times. What I love about this service is that it rarely makes a noticeable visual difference, but can dramatically reduce file size. While this used to be a bigger issue in the 90s—when 56K modems drove our design—it&#8217;s still important today, especially when browsers have to load several images at once. There are even plug-ins for WordPress and Drupal that makes this automatic.</li><li>Minify, Combine, and G-ZIP all of your <a
title="Validating Your HTML and CSS Code" href="http://www.ajmcclary.com/validating-your-html-and-css-code.html">Cascading Style Sheets</a> (CSS) and JavaScript (JS). What this means, essentially is to remove all of the carriage returns from the files, renaming variables so they are shorter in size (ie. var thisIsALongVariableName — becomes — var v1), and then combines all of the files in a single file. Often times, especially when working with templates, you can have several CSS and JS files. Combining these files does not reduce bandwidth, but it does reduce the number of pings to the server (giving the illusion of faster load time).</li><li>Enable &#8220;Page Caching&#8221;. This is done on the browser level and greatly reduces the number of server calls for images and other external files. Using cache control will make a significant difference.</li><li>Enable &#8220;Database Caching&#8221; to reduce the execution time for common website operations.</li><li>Use a CDN service. It&#8217;s so cheap and completely worth it. I personally prefer using Amazon CloudFront. The service changes all of your URLs to point to their distributed network—so no matter where you are in the world, you&#8217;ll fetch content super fast.</li><li>Use a Performance Management Tool &#8211; I use W3 Total Cache, which does all of the above. It does website performance analysis and makes recommendations.</li><li>Use a Website Performance Monitoring Tool &#8211; Google offers a special API that evaluates your page load and gives you relevant advice. It does website performance monitoring and continuously</li></ol><div>Here area few things that Google measures when ranking your website:</div><div><ul><li>Defer parsing of JavaScript</li><li>Leverage browser caching</li><li>Optimize images</li><li>Serve resources from a consistent URL</li><li>Enable compression</li><li>Minify HTML</li><li>Minify JavaScript</li><li>Specify a cache validator</li><li>Serve scaled images</li><li>Specify a character set</li><li>Avoid CSS @import</li><li>Remove query strings from static resources</li><li>Put CSS in the document head</li><li>Specify a Vary: Accept-Encoding header</li><li>Combine images into CSS sprites</li><li>Specify image dimensions</li><li>Prefer asynchronous resources</li><li>Optimize the order of styles and scripts</li><li>Minify CSS</li><li>Make landing page redirects cacheable</li><li>Eliminate unnecessary reflows</li><li>Inline Small JavaScript</li><li>Avoid long-running scripts</li><li>Avoid bad requests</li><li>Reduce request serialization</li><li>Minimize request size</li><li>Minimize redirects</li><li>Inline Small CSS</li></ul></div></div> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/8-ways-to-improve-website-performance.html/feed</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Video Blog Coming In a Few Weeks!</title><link>http://www.ajmcclary.com/video-blog-coming-in-a-few-weeks.html</link> <comments>http://www.ajmcclary.com/video-blog-coming-in-a-few-weeks.html#comments</comments> <pubDate>Sun, 14 Aug 2011 19:47:01 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=881</guid> <description><![CDATA[I just wanted to give you all an update, I&#8217;m about to launch my video blog. No more iMovie productions, we&#8217;re gonna have a green screen, great lighting, a professional camera, and Final Cut Pro baby!]]></description> <content:encoded><![CDATA[<p>I just wanted to give you all an update, I&#8217;m about to launch my video blog. No more iMovie productions, we&#8217;re gonna have a green screen, great lighting, a professional camera, and Final Cut Pro baby!</p> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/video-blog-coming-in-a-few-weeks.html/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Top 10 Law&#8217;s of Web Design</title><link>http://www.ajmcclary.com/top-10-laws-of-web-design.html</link> <comments>http://www.ajmcclary.com/top-10-laws-of-web-design.html#comments</comments> <pubDate>Mon, 01 Nov 2010 21:06:26 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[web design]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=832</guid> <description><![CDATA[Law #1: If you put a big ol&#8217; picture of your client&#8217;s mug on it, they&#8217;ll automatically fall in love with it. . Law #2: Everybody thinks their logo should have a big ol&#8217; globe right smack in the middle of it. . Law #3: Everyone thinks &#8220;there&#8217;s not enough whitespace&#8221;, but they never know [...]]]></description> <content:encoded><![CDATA[<div
id="_mcePaste"><img
class="alignleft size-full wp-image-833" title="216364_office_poznan" src="http://cdn.ajmcclary.com/wp-content/uploads/2010/11/216364_office_poznan.jpg" alt="" width="225" height="300" /><strong>Law #1: </strong>If you put a big ol&#8217; picture of your client&#8217;s mug on it, they&#8217;ll automatically fall in love with it.</div><div>.</div><div
id="_mcePaste"><strong>Law #2:</strong> Everybody thinks their logo should have a big ol&#8217; globe right smack in the middle of it.</div><div>.</div><div
id="_mcePaste"><strong>Law #3: </strong>Everyone thinks &#8220;there&#8217;s not enough whitespace&#8221;, but they never know exactly what that means.</div><div>.</div><div
id="_mcePaste"><strong>Law #4:</strong> Most client&#8217;s use phrases like &#8220;I want it to pop&#8221;.</div><div>.</div><div
id="_mcePaste"><strong>Law #5:</strong> 70% of all client&#8217;s want their logo to be at least 3 times too big, arguing that somehow the user will have a more memorable experience.</div><div>.</div><div
id="_mcePaste"><strong>Law #6:</strong> Most client&#8217;s want to exercise democracy and will take the design to a committee to get approval—always resulting in crappy user interface changes that burden user experience.</div><div>.</div><div
id="_mcePaste"><strong>Law #7</strong>: Everyone thinks they&#8217;re a designer and have a creative &#8220;eye&#8221; for design.</div><div>.</div><div
id="_mcePaste"><strong>Law #8:</strong> I can always expect a client to want me to blow up a 80px by 100px graphic into a 400px by 500px picture. This pixelated mess, usually a picture of the client themselves, will somehow find its way onto the home page.</div><div>.</div><div
id="_mcePaste"><strong>Law #9</strong>: If you demo two design comps, the client will most certainly pick the ugliest one.</div><div>.</div><div
id="_mcePaste"><strong>Law #10: </strong>Everyone wants to &#8220;put lipstick on a pig&#8221; because on their mind, &#8220;updating&#8221; must be cheaper than a complete redesign.</div> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/top-10-laws-of-web-design.html/feed</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>Armedia Blog: Instant Usability Testing</title><link>http://www.ajmcclary.com/instant-usability-testing.html</link> <comments>http://www.ajmcclary.com/instant-usability-testing.html#comments</comments> <pubDate>Tue, 26 Oct 2010 00:39:20 +0000</pubDate> <dc:creator>A.J. McClary</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[usability]]></category><guid
isPermaLink="false">http://www.ajmcclary.com/?p=828</guid> <description><![CDATA[I’ve been experimenting with a really clever usability testing technique that uses human intelligence to collect quantitative data about a user’s experience. The way a development project traditionally gathers this data is through conducting a study—gathering participants to sit down in a room and perform a set of tasks. We usually observe these tasks and [...]]]></description> <content:encoded><![CDATA[<p>I’ve been experimenting with a really clever usability testing technique that uses human intelligence to collect quantitative data about a user’s experience. The way a development project traditionally gathers this data is through conducting a study—gathering participants to sit down in a room and perform a set of tasks. We usually observe these tasks and pay them a gratuity of $75 or so, but it could be quite expensive reserving a lab for hundreds of people. This is a neat alternative to doing an in-depth study.</p><p><a
href="http://www.armedia.com/blog/2010/10/ux-corner-instant-usability-testing/" target="_blank">Click HERE</a> to read the rest of the entry over at Armedia.com</p> ]]></content:encoded> <wfw:commentRss>http://www.ajmcclary.com/instant-usability-testing.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
<!-- Served from: www.ajmcclary.com @ 2012-02-07 06:34:40 by W3 Total Cache -->
