To our great delight and surprise, our animated Facility Manager Prototype and respective Blog article was used as demonstration and reference material at UXCamp Europe 2011. In regard of the apparent interest in the topic this article picks up the issue yet again, focusing on scientific considerations of the past years.
Indeed, animations have become an integral part in today’s modern applications, especially the iPhone and Co. Having this said, it astonishes that scientific efforts are still in fledgling stages and that the few existing approaches vaguely draw upon techniques and rules used for cartoon movies. At the same time however, choosing the wrong animation will literally paralyze a User Interface.
read more…

Comparing computer games with “serious” software applications may seem like comparing apples and oranges if we think of serious software as tools that allow users to achieve mission-critical productivity goals in their working live. In this respect, the two industries couldn‘t be further apart regarding their target audience and the way they rank productivity vs. fun. For this reason, we are oftentimes asked why Centigrade as a “serious” user interface design company collaborates so closely with the game industry and even has a branch office located in a building that’s otherwise occupied solely by game development studios.

Yet, the link between computer games and industrial software is more obvious than one may think. To summarize why we believe computer games can have a positive impact on the user experience (UX) of industrial software applications, this three-part blog post provides a bulleted list of ten arguments we keep on stating in this regard. The first part gives a high-level and process-oriented perspective on the topic, the second part will shed more light on the transfer of aesthetic and interactive aspects found in games to serious software and the third part will have a look at the game industry as a technical driver for innovations that spill over to other software industries.

read more…

Corporate design guidelines aim at ensuring a coherent and consistent corporate identity. User interface guidelines (or UI guidelines) work in a similar fashion. They provide a set of rules for designing a software’s user interface. This applies to visual design as well as to interaction design. Ideally, adhering to these rules guarantees a basic quality of applications that run on the same operating system and avoids an “application zoo”-scenario.
read more…

Interacting via touch is on everyone’s lips. Nevertheless, many companies shy away from reorganizing their applications respectively, because touch screen interactions require different concepts and can accompany huge restructuring efforts and high costs. Also, such restructuring is not riskless, since touch-interaction is not the most suitable paradigm for all application scenarios. The following article presents the combo box as an example to illustrate how mouse- and touch-interaction concepts can be integrated to get the best of both worlds. The article aims at inspiring especially those of you, who appreciate mouse- and touch-operation alike.
read more…

In one of our previous blog articles we talked about the use of pie menus in touch screen interfaces and discussed pros and cons of this kind of interaction. In this article, we are going to show a concrete example of how a pie menu can be used.
read more…

In recent years, so called “natural user interfaces” (NUI) have grown in popularity. More and more often, interaction via touch and gestures is employed instead of using mouse and keyboard. The iPhone was greeted with great enthusiasm and played a major part in spreading touch screen system in the consumer market while also introduced gesture-based interaction in a playful way. There should be hardly any touch screen user who is not familiar with the pinch gesture that is used to resize or zoom images on the iPhone.
read more…

Keeping the background information of the previous article in mind, assume you want to make use of Blend to design a NUI based on Silverlight or WPF that lets you easily manipulate items on the screen. In the beginning, you won’t even touch the tool at all – you “invent” whatever gesture you think is intuitive to perform this operation. Most likely you do this in your head or on the whiteboard. You discuss and refine the design with your team mates or with potential users. At this stage everything is still low-fidelity and throwing away things isn’t costly yet. As soon as you have a good-enough feeling about the rough design, you start prototyping with higher fidelity. This is to be really sure your idea works. To provoke the intended interaction experience, caring about every single detail is exceptionally important in later prototyping stages.

read more…

Every user interface designer is familiar with the procedure to some extent: To find out what a user interface needs to look and behave like it’s certainly a good idea to create a prototype and evaluate it with potential users. Users will tell you what’s still nagging them and therefore should be improved before coding starts. So, in the beginning of any UI design process everything is about change – you create a prototype and already expect it to require modifications in order to work alright. As you – and most likely your client, too – want changes to be as cost-efficient as possible, you are better off taking a change-friendly prototyping method or tool. This is especially true in early stages of the project your ideas of potential solutions are rather vague. In this early phase, most often you don’t even know the exact problem for which you are in hunt of a solution. You are still analyzing more than you are designing.

read more…

As described in January’s post, animations can fulfill essential purposes in user interface design. This article provides some insight into a study that has been conducted with the goal of exploring the effects of animations regarding user experience.
read more…

There are a lot of free icon libraries out there, however, only few of them focus mainly on medical icons and we wanted this gap to be closed: we introduce Centigrade’s stock icon library MedicalSeries, containing 60 icons that you can download free of charge.

read more…

Red is not always red, green is not always green. For quite a large amount of people it is not easy to distinguish between red and green hues. About 6% of all males have the same difficulties to tell orange from olive-green as unaffected people have to distinguish between burgundy and ruby-red – oftentimes, it is impossible. This most common kind of color vision deficiency is called Deuteranomaly, also known as “green weakness”. The following article will deal with the question of how this wide-spread impairment impacts the production process of high quality icons.

read more…

After dealing with general market trends in part 1 of this blog series this second and final part provides a more detailed comparison of Google Android and JavaFX.

read more…