A User Interface Software Tool or Interface Design Tool Helps Developers Design and Implement the User Interface.
Random header image... Refresh for more!

Outsourcing – The smart way of saving money

For many years now, outsourcing has resounded through the land. But still it is linked in our heads with big companies which give some work away because they either do not have the capacity to carry out the work themselves, or want to save money by using this strategy. However, nowadays it is not only big companies anymore who try to gain from this process, but more and more small businesses and private people.

The advantages of outsourcing

But what are the advantages of outsourcing and how can these be generated? The system is easy. If you as a company – (whether a small or big one) – would like to give previously performed in-house tasks to an external provider, you can simply give the contract to a third-party who you will pay to carry out the task on your behalf. The main advantages include cost savings, being able to focus on your core business, overall being able to improve the quality while increasing flexibility at the same time. Collaborating with external experts allows customers to calculate their business costs more precisely because the costs only occur for a certain period of time.
But how can you find such an external provider, and how do you know if the price you are paying is not too high and if the proposal is really the best you could get? One possibility is: Using global internet platforms which arrange services for you in order to meet your individual needs. One of the biggest in Germany is twago.

Team Work Across Global Offices – twago

twago is a Berlin based company which focuses on outsourcing and offshoring of online services. The overall goal is to achieve the best performance for the best price for the customer. The more precisely you know what specific task you would like to have done, e.g. programming, web design, user interface design, etc., the better it is. You simply post your project with a detailed description on the platform and receive proposals from all over the world from up to 20,000 providers. These service providers can be companies or freelancers. You can find a service provider who best fits to the individual project. Whether you are looking for a service provider from around the corner to meet up face to face or you prefer a freelancer from a specific country, twago offers the possibility to find the right service provider with suitable skills. You choose the one that best fits your needs and preferences. And the best of all: Using twago is easy. You just have to register, post your project and award it to your provider of choice. Should you need any help or special service the kind twago employees are ready to support you. You can try it out at: http://www.twago.com.

January 20, 2011   No Comments

Why use a Corporate Blog? Part – 2

Purpose of Corporate Blogs

Corporate blogs are a great tool for companies to keep their customers (as well as the greater public) in the loop and increase customer loyalty.
Corporate blogs are blogs with very specific purposes that can be divided into the following categories:

•    Communication: Corporate blogs should be used to communicate with customers and the public; this is the most significant reason for companies to have corporate blogs.  Corporate blogs provide customers and/or the public with direct lines of communication to the company’s employees or even executives, thus empowering customers, leaving them feeling like valued stakeholders.  Conversely, executives and employees also value interaction with customers so corporate blogs are an effective and valuable tool for both sides.

•    Marketing Products and Services: Corporate blogs are also an excellent way to advertise new products and services.  Companies can also obtain valuable customer/user feedback about new products which can help them improve their offers for the future.

•    Maintaining Reputation: Corporate blogs can also help companies maintain or improve their reputation within the public sphere because they can be marketed as the only reliable source for accurate information about a company or venture.  This is especially important with so many other unverified sources floating around on the internet.

Corporate blogs are not the same as traditional blogs.  Traditional blogs are usually maintained by individuals or groups as a way of sharing their thoughts, ideas, advice, and experience.  Corporate blogs are a part of business and as such their purpose is different.  Maintaining a corporate blog is an excellent way to make a business not only more visible, but also more successful.

November 23, 2010   No Comments

User Interface Design Terms Explained: Affinity Diagrams – Part 2

This blog post is the second in a series of two about Affinity Diagrams as a usability and interface design method

How to conduct the Affinity diagramming process

During the planning phase of the Affinity diagramming process, one should first gather a team of four to six people. Preferably, the group should be as eclectic and diverse (but also relevant) as possible so as to ensure the delivery of as wide a group of ideas as possible. As far as time is concerned, it is optimal to set aside at least, preferably, two hours. You should encourage team members to go for their gut reactions and not spend too much time agonizing over sorting. One of the goals of Affinitization is to reach a consensus so that disagreements can be handled simply. If a team member doesn’t like where an idea is grouped, he or she simply moves it. If consensus is not reached then make a duplicate card of the idea and place a copy in each group. Moving ideas at will without talking encourages unconventional thinking while simultaneously discouraging semantic battles. Here below are the steps to follow during the affinitization process:

1.    Generate ideas – This is where the team brainstorms a list of ideas and writes them down on separate post-it-notes (or some other form of cards).

2.    Display ideas – Post the ideas randomly on a wall, board, table, flip chart paper or other surface.

3.    Sort ideas into related groups – Ask the participants to silently sort idea cards into groupings. This can be done by first looking at two ideas that may seem related
in some way and placing them together in a column off to one side. Then other ideas that seem related to those set aside can be added to that group. Other ideas that are related to each other are also placed into a group. This process is repeated until the team has placed all of the ideas in groups. Ideas that don’t fit in any group shouldn’t be forced into a group. They don’t belong but should stand on their own. Create sub-groups where necessary.

4.    Create header cards – Each group needs its own header card, which concisely describes what each group represents. These should be meaningful enough without having to resort to the contents of their group. Create sub-header cards for sub-groups if necessary.

5.    Draw the Affinity Diagram – Place header cards at the top and corresponding ideas below. Draw lines connecting the headers, sub-headers, and groups. Connect groups that are related too. The resulting diagram should look like a typical organizational chart of a firm.

A great practical application of Affinity Diagrams is to help organize notes and data derived from usability testing of wireframe prototypes of a user interface design. This visual tool aids the whole interface design process by making it easier and faster to make sense of the data collected while gathering requirements and conducting usability tests.

November 16, 2010   No Comments

User Interface Design Terms Explained: Affinity Diagrams – Part 1

This blog post is the first in a series of two about Affinity Diagrams as a usability and interface design method

What is an Affinity Diagram?

The Affinity Diagram is a tool used within project management and other fields such as interface design (for example before creating wireframe prototypes) to sort large amounts of ideas into groups for review and analysis. The affinity diagram methodology was created in the 1960s by Jiro Kawakita and is thus also dubbed the KJ Method. Originally, Affinity Diagrams were intended to help in diagnosing complicated problems through the organization of qualitative data to reveal themes associated with the problems. Affinity Diagramming is related to other user interface design methods like card sorting which also use ideas that are written on cards (or post-it-notes etc.).

What benefits do Affinity Diagrams offer during interface design and wireframing?

Affinity Diagrams can greatly aid interface designers during the conception stages of a project when wireframing and prototype creation are typically used to generate interface design solutions. Affinity Diagrams can help identify what to include into a wireframe prototype by consolidating lots of customer data into meaningful design criteria. The methodology, in effect, can uncover the range of, give boundaries to and uncover similarity among user’s problems and needs. But Affinity Diagrams can also help identify potential areas for future study. Affinity diagramming is advantageous because it facilitates teamwork and collaboration and consequently improves the cohesion of a team. Because the method is straightforward and simple it is also cost-effective. Affinity diagrams can also help identify customer work practices and can therefore be considered a precursor to Contextual Design, another interface design method.

What are drawbacks of Affinity Diagrams and how can this affect wireframing and interface design?

Affinity Diagrams are considered cost-effective but the method can be time-consuming, especially when there are copious amounts of data to be analyzed which can prove to be exhausting for your team as they evaluate all of the data. These drawbacks are due to the time and effort it takes to extract data (which could, and often does, come from a number of sources) and consolidate them into meaningful ‘units of information’. Time is consumed both in completing the affinity diagram project and the subsequent interpretation of the resulting groups and sub-groups. Another problematic situation can arise when there is simply not enough data. As a rule of thumb, if 15 or less items of information have been identified then you may forego the Affinity diagramming process and resort to other user interface design methods.

November 15, 2010   No Comments

Contextual Design as a User Interface Design Method – Part 1

This blog post is the first in a series of two about contextual design as a usability method

What is Contextual Design?

Contextual Design is a User-Centered Design process that was developed by Hugh Beyer and Karen Holzblatt. It gathers information for the purposes of understanding how users work in order to create user interface designs (or other products) that adequately support users and assist them with accomplishing their goals. According to Beyer and Holzblatt, Contextual Design “uses extensive field data as the foundation for understanding user’s and business’ needs”. It incorporates ethnographic methods for gathering data relevant to the product, field studies, rationalizing workflows, system and human-computer interface designs. The ultimate goal behind Contextual Design could be described as producing user interface designs that are usable for a specific group of target users, a critical factor in achieving product success.

Contextual Design is important to interface design

Just like with many other products and services, contextual design is vitally important to user interface design. Successful UI (user interface) designs are the ones that help users accomplish tasks as easily and quickly as possible, and that requires some work on the UI designer’s part. Contextual design is all about knowing which functions and features and design characteristics are needed to accomplish that. It gives designers the ability to comprehend the context in which users employ a specific user interface.   Taking the time out to conduct research and identify with user contexts is intended to give user interface designers the knowledge required which they can then fashion into wireframes on the road to creating great user interface designs.

October 21, 2010   No Comments

Our Conclusion: Better than Paper

Our conclusion of Rapid Digital Prototyping: It’s got the look and feel of pen and paper, but adds interactivity (making wireframes animated) and accelerates developing speed through re-usable elements and layers. Many (real-time) collaboration features enable interface designers to new ways to work with much better time allocation, leaving more time for the creative process that really counts.

February 27, 2010   No Comments

Rapid Digital Prototyping (RDP)

Through prefab stencils (e.g. radio buttons, links, navigation items, controls etc.) interface designers can create clickable and animated web or software interfaces in no time. Without any programming skills, interface designers can focus on the web concept and use cases, site structures and the overall layout of the site, instead of getting lost in details that only matter at a later stage of the project.

February 19, 2010   No Comments

Wireframing and Real-time Collaboration

The pidoco° interface design software consists of three main modules which complement each other perfectly. They speed up the interface design process and optimize the general workflow in all stages of interactive web design.

Clickable wireframes are quickly sketched with the Prototype Creator (just by drag&drop) and can later easily be shared and reviewed by colleagues, test users or clients. If there is need for even more in-depth feedback on individual aspects of the web concept, just use the clickable wireframes to perform a one-on-one remote usability test where moderator and test user are connected remotely by a shared screen and an integrated phone. All modules are aimed to increase productivity of the interface design process and ease communication within the team.

February 18, 2010   No Comments

A new User Experience: Apple’s iPad

Long announced with perfect management of expectations (as usual), finally Apple’s iPad arrived on the market (although not ready for shipping yet). As so many people with a design background, we are really excited about this cool gadget!

Not so much because of the product design of the hardware, since it looks more like a large iPhone, but because of the user experience potential inside. Valuating the user experience on basis of effectiveness, efficiency, and contextual satisfaction of the user, this must be a winner!
When it comes to effectiveness, it helps that the iPad is not a computer serving all kinds of purpose, but designed for special use as an internet, media and organizer device. Working with spreadsheets might be a little bit annoying, but that’s not the point! Surfing the web and using the plethora of already existing iPhone apps, this will boost effectiveness right from the start.
Another cool thing is Apple’s ability to create whole systems instead of standalone devices – systems which combine hardware, software and online services. The integration of iBooks (like iTunes just for books) with the iPad will create a completely new way of buying books, bringing the convenience of having almost every book at your finger tips.

So what about the efficiency? Given the fact that millions of iPhones an IPods have been sold worldwide, and more and more hardware manufacturers copy the software controls of Apple products (especially from the iPhone), many people will intuitively know how to use it. Although they applied some new interesting looking controls (as seen in the official video), they adopted everyday applied offline user behavior (such as flipping digital paper).
Apple wouldn’t be Apple when they did not focus on the overall user experience! Starting with the smooth and aesthetic hardware design, combining it with polished (and probably tested and tested) user interfaces it will be an experience! It already was an incredible user experience with the iPhone, so there’s no reason why the iPad should be worse?

By what we have seen so far, it will be THE new Gadget for surfing the web and consuming all kinds of digital media. The only question remaining, in my opinion, whether the market for an all internet surfing device is big enough, since the iPad does not replace laptops and mobile phones.

February 16, 2010   No Comments

Real-time Collaboration

But even if screen designs have already been made in some hi-fi graphics software (e.g. InDesign, pidoco° can add value to the work flows by bringing interactivity to static screens. Adding ‘click areas’ to the finished screenshots enhance the collaboration and interaction capabilities of a former static screenshot. Colleagues, clients and test users can now easily be integrated in the designs process and online discussions can be held. Just like web conferencing, but with real-time editing never seen before!

February 12, 2010   No Comments