<![CDATA[Web Design & Usability - Home]]>Sun, 20 May 2012 20:02:08 -0800Weebly<![CDATA[Designing For $$$]]>Mon, 06 Dec 2010 18:09:57 -0800http://mywebdesignusability.com/1/post/2010/12/designing-for.html
Picture
Tooling around with web sites and web design can be a fun hobby…but what if we actually need to make some money with this web thingy?  How many sites do you go to only to find yourself leaving within minutes, even seconds?  Too many!  It takes more than just flash design to keep people on your site. Here are a few points that you should try to cover when designing for ROI:

·         Clearly define what the site is for / what the company does

·         Guide user to logical steps

o   Users should never be asking “How do I sign up?”

o   Create a flow that will help the user navigate

·         Don’t be sketchy

o   Make the site look professional and trustworthy

o   Include security for sensitive user inputs

·         Friendly Useful Forms

o   Eliminate unnecessary fields

o   Perform client side validations for immediate responses (yes you should still do server side validations)

o   Make sure the form accomplishes its goal (you probably do not need to know their coding skills if you are sending them a cooking newsletter)

After doing all of that hard work to get users to visit your site, its e
]]>
<![CDATA[CoffeeCup...Fresh software]]>Thu, 11 Nov 2010 00:00:00 -0800http://mywebdesignusability.com/1/post/2010/11/coffeecupfresh-software.html
Picture
This is not your regular cup of Joe.  We, my class that is, had the pleasure of having J Cornelius, VP of Operations at CoffeeCup Software, speak to us.  I have never used any software from CoffeeCup but will be in the near future.  CoffeeCup has tons of simple and effective tools for everything from HTML editing to complex plug-ins.  Definately worth checking out!

This chat wasn't just about promoting CoffeeCup, J is also the president of the Atlanta Web Design Group.  This is a great networking opportunity for web developers as well as a great resource for developers to get quick answers to development related questions.

Leverage...J's talk tonight got me really thinking about all of the tools that are out there to help web designers / developers get their sites published.  From development and design tools to forums and communities, there are countless aids out there...we just have to use them and develop the next great thing.
]]>
<![CDATA[Podcast - Web Input]]>Thu, 04 Nov 2010 00:00:00 -0800http://mywebdesignusability.com/1/post/2010/11/podcast-web-input.html
Picture
     The podcast featuring Luke Wroblewski hit home on something that I think about often...here is a quote that I find myself asking often: "technically we could do that, but is it the right thing?".  Just because something is possible, does it make since?  I have recently been developing Adobe Flex/Flash user interfaces that interact with java web services replacing Green Screen technology (I use technology loosely here).  In many case I find that we are building very complex UI's that with all of the bells and whistles just because we can.  I think the podcast made a great point of making sure there is business value in the technology that you are providing.
]]>
<![CDATA[Web Socializing]]>Wed, 03 Nov 2010 09:14:27 -0800http://mywebdesignusability.com/1/post/2010/11/web-socializing.htmlNo, not Facebook.  What I mean is integrating social usability into a website by allowing user chat, opinions, and reviews...among other things.  The voices of your customers, employees, and critics can be an invaluable tool.
Features / Options To Include
  • User-to-User Chat
  • Question / Answer
  • Discussion Forums
  • Customer Reviews
  • Support Forums
  • Polls/Survey
What Can They Do For Me?
You are probably not going to want to incorporate all of these...probable nightmare for your users.  All of them have their benefits,-which vary depending on your overall design and strategy.  User-to-user chat is great for support, specific questions or questions with complex answers, they are also a great just way for users to interact with each other and not just an admin of sorts.  Everyone knows what poll and surveys are good for...allow the users to give some input on some person, place, thing, or idea.  Wikis are a cool way that allow users to build content, however monitoring this can be a huge task.  The are tons of different uses and benefits but there are a few things to keep in mind:
  • Make Sure There Is A "Business" Reason
  • Plan For It In Your Original Web Design
  • Define What Results You Want/Need And What You Plan To Do With Them
In summary, social feature can be extremely useful in determining how your users feel, just make sure you plan for it.  A stack of data without a plan is a pile of junk, if you have a plan for that data it becomes information.
]]>
<![CDATA[Web Accessibility - Design For Everyone]]>Thu, 21 Oct 2010 00:00:00 -0800http://mywebdesignusability.com/1/post/2010/10/web-accessibility-design-for-everyone.html
Picture
Advances in technology has made the web more accessible to people with disabilities of many different types.  If you are designing a website do not forget to design your site to include everyone.  How annoying would it be to navigate to an E-Commerce website only to be unable to purchase products or services one you get there?

Understand Disabilities
     Its best to gain and understanding of the different disabilities, how they affect users, and some of the best practices around designing a website for accessibility.

     Visual Impairment
  • Total Blindness
  • Reduced Vision
  • Obstructed
  • Colorblindness
     Visual Impairments are generally considered one of the more difficult disabilities for web designers to account for.  For total blindness having an auditory option is a nice touch.  This lets the design communicate the content of the page and also if necessary what the visual aspects of the page were intended for.  Using text is very important, make sure that those Alt tags are not empty!
     Colorblindness is not as obvious...Its easy to design something, think that it looks great and call it a day.  However someone that is colorblind may have a hard time seeing the text on the page or even worse may not even notice it.  For some tools that may help make your website a bit more friendly to visual impairments check out Visual Impairment Tools.

A Few Other Impairments / Disabilities
  • Mobility Impairment
  • Dexterity Impairment
  • Auditory Impairment
  • Cognitive Impairment
     Mess around with your computer without the mouse or browse to an instructional video on how to create an HTML form but turn your sound off, easy right?  Accessibility can be one of the most difficult challenges for web designers.  There are many tools, programs, special hardware, and standards that can make the task a bit less daunting.  The most important step is to understand that these users must be accounted for and to include accessibility as part of your web design plan.
]]>
<![CDATA[Visual Web Design]]>Thu, 30 Sep 2010 12:22:58 -0800http://mywebdesignusability.com/1/post/2010/09/visual-web-design.html         I think an important aspect of good visual web design is understanding bad  design.  Here I will look at some of the more common and fatal visual web design mistakes.

Bad Font Usage
After doing some research on incorporating fonts into your web site and some of the tools available (Google Font Api and Fontspring) I realized how easy it is to use professional fonts. With that said, it is important to avoid using fancy fonts in your main content, this ensure easy readability.  Designing with web standards will allow you to use less common fonts that will work in all browsers.

Not Dividing Content
Also along the lines of readability...Make sure content has some separation.  Use some basic paper writing skills, throw in a paragraph or get fancy with a horizontal rule.  Ensure that reader can easily find what they are looking for.

Outdated Content
This should be an obvious one...keeping your content current and accurate is important. An bad price could cost you some serious cash depending on the amount of traffic and the different in price.


Bad Text To Background Colors
Grab a color wheel...having text on a background can be really cool, just make sure that the colors work together.  Text can easily get lost on a background.  There are many color / theme generators that can help you choose a complementary color scheme.


This is just a short list of something that stuck out at me when I was researching bad web design, visual design, blah, blah, blah...I do believe that one of the most important things that you can do when designing for the web is to not do the things above(and a few others).  It seems that more people agree on what is wrong than what is right.]]>
<![CDATA[Web Design With Web Standards]]>Wed, 08 Sep 2010 16:49:38 -0800http://mywebdesignusability.com/1/post/2010/09/web-design-with-web-standards.html
Picture
What Is/Are Web Standards And Why Do They Matter?
W3C, The World Wide Web Consortium, develops and publishes industry standards / guidelines for web languages such as HTML, CSS, and XML.  These standards enable people to create websites that will work in most internet browsers, that are easier to maintain, are more accessible to more people, and will continue to function correctly as technologies evolve.  A Good Business Argument For Web Standards.

How To Use Web Standards

First thing is to visit W3C to get a better understanding of web standards and the different areas of web standards (Web Design And Application, Web Architecture, Semantic Web...to name a few).  I ran across many checklist and step-by-step plans, below I listed what I found to be the most common ideas.  
  • Quality Of Code
  • Separate Content And Presentation
  • Ensure Accessibility For All Users And Devices
  • Basic Usability - Hierarchies, Navigation, And Consistency
  • Site Management - Friendly URLs And Error Handling
Checkout The Complete Checklist: A Web Standards Checklist 


So how do you implement the checklist?
My thoughts on this...Get a few good code validators, Google threw a few out at me, I'd start with the W3C recommendations. As far as the separation of content and presentation Opera does a good job of why and how as part of their Web Standards Model.  Basic Usability and Accessibility seem like the easy part, and maybe they are or can be as long as you understand how user think, and know all of the different types of users that may encounter your site...yeah, I'd refer to the W3C Guides to get a better understanding of this.  Site Management, the short of this, handle server errors and make sure that your URLs work in all browser, and don't need the "WWW".


By following the web standards you can develop a well designed website that is friendly to use and easy to maintain.  A little effort upfront can save you time and money in the long run...don't be afraid of being standard.



Video: Apple Gets Flashy Without Flash (HTML5 And Web Standards)
]]>
<![CDATA[Information Architecture: Good Web Design Starts With Good Planning]]>Thu, 02 Sep 2010 14:44:50 -0800http://mywebdesignusability.com/1/post/2010/09/information-architecture-good-web-design-starts-with-good-planning.html
Picture
What Is Information Architecture?
  • Organization of information so that regular people can find it
  • The art and science of organizing and labeling websites, intranets, online communities and software to support usability and findability
  • Focus on bringing principles of web design and architecture to the digital landscape
Benefits To Web Design And Usability
  • Information is better organized
  • Overall usability and findability is increased
  • Navigation is smoother and more intuitive
  • Helps web designers to avoid information overload
Content, Context, Users
Information Architects must seek out their primary audience and deliver the content that they desire.  This requires a strong understanding of who your users are, what information they are looking for, how they will be using the information and then finally getting that information to them at the right time and in a layout that is easy to understand/navigate.  Below are a few steps that may help this process...
  • Ensure navigation supports user task
  • Understand the mission or purpose of the website
  • Develop content inventory
  • Use Wireframes to communicate design ideas early on
  • Maintain consistency throughout your pages
  • Don't be afraid of surveys, polls, and interviews to better understand user expectations
Good web design and usability does not just happen, it is a well thought out process that needs to include information architecture.  IA provides the blueprint for building a successful site that includes the right content, in the right place, at the right time,  for the targeted users
]]>
<![CDATA[Writing For The Web]]>Mon, 23 Aug 2010 09:40:23 -0800http://mywebdesignusability.com/1/post/2010/08/writing-for-the-web.html
Picture
Today people are all about getting the information that they want quickly and without much effort; web pages are no different.  Before we get into too much detail about web writing a quick thought...(and this should go without saying)...ensure the use of general "good" writing technique:  paragraphs are good, use a bit of punctuation, spell correctly, and use of proper grammer helps.  

Engaging, Usable, Useful, Findable
Along with the "what I should know from English 101", it is import to use an active, engaging tone; the flow of the writing should feel like a conversation.  Navigation and layout should be clear and easy to use.  Subheading allow the user to quickly find the information that they are looking for.  Subheaders should be concise and directly link to the content below it.  Making use of metatags is important for SEO and to ensure that the page is accessible to all audiences.

Web Writing Top 10 Tips
  • Love the inverted pyramid
  • Less is more
  • Avoid sounding like an informercial
  • Make your copy easy to scan
  • Write killer headlines
  • Lead with active words
  • Use simple 
  • Keep your promises
  • Set up a review process
  • Steal from good websites

Wrap Up
People are busy, or at least everyone thinks that they are...web writing should be clean, easy find, easy to navigate, concise, useful, and engaging.  When writing for the web ensure that the writing fits in with your overall web design and layout.  And, there are lots of websites out there and quite a bit are doing things right, don't be afraid to shop the competition.
]]>
<![CDATA[Initial rants / thoughts on web design & usability]]>Sat, 21 Aug 2010 21:43:26 -0800http://mywebdesignusability.com/1/post/2010/08/initial-rants-thoughts-on-web-design-usability.htmlWithout doing any research I figured that I would give web design and usability a few thoughts...Where to begin? Maybe start with just the words and what they make me think of: web=internet, design=fashion/interior, usability=how usable(sad, but that is all I have).  I was thinking that this got me nowhere but not so much...seems like design and usability are very open to opinion  How usable or how well the design of something is really depends on person.  So how can we define opinion(this is the answer that I hope to find)?  For now I'll stick with what I think web design & usability is...


When I hear web design and usability I immediately think of designing a web site...colors, layout, buttons, functions, and the application developer in me cannot help but think of the code that creates all of these things.  Good web design is about simplicity.  I'm not saying leave the flash and other media out(I would consider that to be 'Rich' content), I'm saying that a web site, if it were a decor / furniture type, I would say modern.  Simple, clean lines, some well placed flair, and only the necessary functionality built in.  I was thinking of listing a few websites(good and bad) to give a better understanding of my ideas behind good and bad web design but I'm not really seeing the benefits.  Instead, I'll just say that I am a fan of the way Apple does user interfaces, both mobile and non.  Nooo, I'm not the Apple guy, in fact I feel like I'm the only person with a 'Mac'(ok, I was an early iPhone guy).  I'm just saying the sleek sexy design that Apple has become to be known for is my preference.


While I do believe that web design and usability are a matter of opinion, many people seems to have similar opinions.  Tailoring your design for mass appeal while being different enough to catch the eye is a tricky process and an interesting one...
]]>