18 posts tagged “interaction”
I came up with a new design for my alter ego - theadvents - where I have a place to post project links, videos, and a mini-blog feed all on the home page. It hides a lot of the content from view so whenever people poke around I could have it display content. I was also thinking of having a live comment canvas where people can write comments and see others live (temporarily of course).

This way, the site can grow in content rather than be forced into it. :)
Indeed, the news travels fast. I made another website recently (though I haven't actually registered anything or committed to ensuring its success), nevertheless I did make one. Gotta get critiqued somehow, here's the mockup:

What do you think? Oh, and I also made alternative banners which are chosen randomly on load. Here's one,
and here's another,
and another, 
and one more for good measure.
Just a few more, I promise :)


UPDATE: Here's the other ones I forgot to add :P




Hello everyone, I'm back. I missed vox, did you miss me? Here's some things that you might of missed:
Prototyping through Mockups
A way to create really awesome and even usable prototypes using Microsoft Expression Blend.
Post Galaxy, your first callbacks
A simple, effective implementation of a chat client using WCF callbacks. Here's what you can expect:
Post Galaxy in Silverlight
A really detailed look at creating a web chat solution in Silverlight (with WCF Callbacks, JQuery and JSON).
There are more, but I felt that these best suited the audience. Enjoy :D
How many times have you suddenly "discovered" a feature about a certain software that could of possibly saved you hours of time had you known that feature before? It's all too typical to find hidden features in software these days. The problem isn't that designers intend to keep you from using such a feature, it's that the design limits them from "trying to put everything in front of the user". There's the first mistake - don't.
There are some products that will put everything in front of the user while other products will only put a few things while hiding the rest from perspective. Users will either find themselves searching and searching for something that they need to get to or slow down the confusion and filter through all the unnecessary, even still - distracting - garbage in front of them.
To avoid this scenario, designers can equip themselves with learning about what tasks are important to their users in addition to creating workflows. Most users can only get one thing done at a time. It's usually best to follow this idea of presenting things one at a time - wherever appropriate. For instance, instead of providing the textbox to post a new blog post, there is a Create button at the top of the page. I can see that when I need to accomplish that task, it's right there in front of me to get to it - without distractions.
As a user we can be prone to wanting everything in front of us at every possible moment, but what we tend to forget is that we don't always need to get everything - everywhere - done at the same time. So, in supplement we complete tasks according to the context or point of focus we are in. At the same time, with respect to the designer, we need to understand that users need to be able to get out of context quickly - without seeking it out, which can lead to frustration. Simple things like - "I'm done", "Save", "Ready", "Back", "Previous" help users understand that they can navigate to other points of focus not only fast but very simply.
There is an age-old saying that everything that can be thought of has already been created in some form or another. The problem that differs from every single scenario is not necessarily the practice that implements the solution but the entire product that shows itself through its main and completed interface. While the importance of lean and efficient code is and always will be there, there is of much greater importance to a product that can market itself. But let's take a step back at what great products entail in their user interfaces.
There are a load of toolkits available to create graphical user interfaces today for the web, desktop and mobile but what most of these toolkits tend to do is supplement a key component in creating a product - showcasing originality. In fact, the greatest part about creating a new product is that you have full control over how your users are going to interact with it - you can choose to make task completion inherently difficult or inexplicably easy. In all of interaction design this is quite possibly the most important - work hardest on it over any other.

The only successful product out of that market will be one that can differ itself in great interaction experience. Of course, creating that will not be easy and should not be taken lightly. Efficient code takes much thought into building algorithms that you can depend on. The same goes for interfaces in that successful products take much more thought, time and emotional presence into designing interfaces that you can depend on.

In user interfaces, since Windows operating systems have rolled out several editions now, supposed standards in interaction have been acquired over time. The cursor has become a very important tool for interaction as it relates to its visual context. The difference between the cursor as a pointer and a cursor as a hand could mean the difference between moving and clicking. There are certain controls that have been acquired into user interfaces for standard interactions. For instance, buttons, radiobuttons, comboboxes, listboxes and checkboxes. Toolkits enable us to build interfaces fast but they can limit the possibilities in excellent interaction design for our users, but that's another post.

Interaction design not only requires a bundle of testing but it requires a lot of personal experience. As a developer, it would be incredibly difficult to design a product without any familiarity to the end result. Without personal experience to the end product, emotional attachment will be bias in favor of ease of development. As an interaction designer it is important to remember that product experience to users, no matter what the product, count on tasks being obvious.


Taking a quick glance at the two remotes above, what tasks can you determine will be obvious to complete. Let's suppose that the person will be watching TV in the dark. Without being able to look at the remote, will it be easy to figure out what buttons to press? The remote on the right uses differing shapes, placement and space around the buttons to distinguish tasks from one another. The user will be able to learn how to use the remote during daylight or under the light. Familiarity with the product soon begets the obvious nature to complete tasks.
Of course, on the left, lights allow the user to see which button is which and how to complete a task like changing the channel. However, due to the number of buttons and the few spacing there is between them - the user will have to look at their remote every time they want to use it.
Obvious interaction is not so obvious when it of course depends on perspective. Anyone on a team will have a differing perspective of obvious interaction when they are looking at the same product. However, the key point in making things obvious is about taking away prerequisites. So for instance, in the remote example lighting was taken away. Without looking at the remote which is easier? How often will the user need to relearn the interface? How long will it take to learn the interface the first time? These are a few important questions when thinking about obvious interaction.
I decided to write a quick prose on interaction design and software. It's simple, but I think it gets the point across.
Since the dawn of time we have learned to progress by
connecting and building off of the world around us. We
have learned how to communicate, explore and create
through example, experimentation and evolution. Yet,
in a world becoming more and more dependent on IT,
we are only beginning to understand the many ways to
interact with the content around us.This is our journey. Our passion is software.
- Thomas Holloway

Gmail, adds a few shortcut keys to navigate around the site. Use K to move up and J to move down in the list of e-mails. Hit O to open an e-mail, X to select it, # to delete it. These are subtle additions that can make a great interface even better to use. Another great example - Microsoft's Visual Studio.

We underestimate our ability to take advantage of the keyboard in most applications today. Keyboard commands often get supplemented by menus, buttons and other pieces of user interface that typically will break our train of thought. Can you imagine what it would be like if we wanted to know a method for a class in some object in Visual Studio without intellisense? Imagine how much pain we would go through if when we wanted to go to a website we had to choose from a listbox instead of typing in a url to one or searching for it.