Thinking Out of the Box

Posts Tagged ‘User Interface Tools’

Is it enough to create a Design System?

Günter Pellner

This article won’t cover the basics of Design Systems like “What is a Design System?”, “How does it work?” or “Do I need it?” (to which the answer is “Yes”). It will also not cover tool specific topics (Carbon, KSS, Pattern Lab, Sketch, AdobeXD, Invision, UXPin… it is too much). It is a fairly broad overview of the challenges companies have to face, when they try to install a Design System for the very first time.

The main question we usually get from clients, regarding Design Systems, is something like: “How do we create a Design System?”. Or: “We want you to create a Design System for us”. But actually, what this means for us as a service provider is:

“Is creating a Design System enough?” The short answer is: No.

Congratulations, you don’t have to read any further. Now you can go outside and enjoy life. If you don’t like to be outside or if you want to dig deeper, here is the longer answer:

read more…

Adobe XD – the perfect UX Workflow?

Roger Towae

In October 2017 Adobe released the first beta of XD, its “all-in-one UX/UI solution”. As a graphic designer, I’ve used Photoshop and Illustrator in my workflow for years and wonder how XD measures up as an UX tool so far.

Quick historical excursion about the possible impact of the new tool’s release: in print, Adobe has practically eliminated competition starting in the 2000s with InDesign 2.0, setting the standard with Photoshop and Illustrator integration and smooth output of print data.  This raises the question if XD can already cover the different processes in the UX cosmos and if it has the potential to push aside tools like Sketch as thoroughly as InDesign pushed aside QuarkXPress.

read more…

WPF Performance – How It Matters on the User Interface

Alexander Keller

No doubt, when creating software, there is always one topic that everybody talks about: performance. In this respect, even though Windows tries to hide a lot of performance optimization work from the developer’s eyes (when developing for .NET with WPF), there are still a dozen of issues to be kept in mind when implementing a piece of software.
To start things off slowly: How does computer science define performance? Spoken very generally it is formally described as “the ability of software to complete certain tasks” (see Wikipedia). Most commonly, however, it is simply referred to as the speed of software. In this case, people usually do not differentiate between the user interface’s performance and the performance of the application logic itself.
Nonetheless, inside a development team there should be a clear understanding of who is responsible for what performance aspects, rather than pushing away all responsibilities to a single developer alone. Even though performance certainly affects the entire application, many advantages can be gained by distributing optimization tasks to different people regarding their expertise and specialization. For this reason I, as a Design Engineer, put significant effort in performance analyses for our customers and while our customers focus on optimization of C#-based Code, such as the user interface logic or other respective layers below, my area of expertise focuses on optimization of XAML Code.
read more…

Resurrecting UI Prototypes (Without Creating Zombies) – Part 2: Prototyping with Expression Blend

Thomas Immich

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…

Resurrecting User Interface Prototypes (Without Creating Zombies) – Part 1: Prototyping Natural User Interfaces

Thomas Immich

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…

Modern User Interface Design Tools – Part 2: Graphical Approach of GUI Design Tools

David Patrizi

In the first part of this series I described how user interface design tools bring together developers and designers in a seamless workflow and gave an overview of the technical environments of Adobe’s and Microsoft’s tools in that area.

In this article, I am going to focus on the use of pixel and vector graphics in design, deal with some of the pros and cons of the two graphic types and finally give an introduction on the scaling of bitmap GUI components.

read more…

Modern User Interface Design Tools – Part 1: Design Marries Development

David Patrizi

This series of blog articles deals with the use of GUI development tools by designers and developers, with a particular focus on Microsoft Expression Blend and Adobe Flex Builder.

In the first part, I will have a look at the cooperation between designers and developers during GUI creation, describe some issues that can affect their collaboration and point out how GUI design tools can improve the overall design and development workflow.

read more…

Want to know more about our services, products or our UX process?
We are looking forward to hearing from you.

Luzie Seeliger

Corporate Experience Manager

+49 681 959 3110

Contact form

Before sending your request, please confirm that we may contact you by clicking in the checkbox above.
  • Saarbrücken

    Science Park Saar, Saarbrücken

    South West Location

    Headquarter Saarbrücken
    Centigrade GmbH
    Science Park 2
    66123 Saarbrücken
    Germany
    Saarland
    On the map

    +49 681 959 3110

    +49 681 959 3119

  • Mülheim an der Ruhr

    Games Factory Mülheim an der Ruhr

    North West Location

    Office Mülheim
    Centigrade GmbH
    Kreuzstraße 1-3
    45468 Mülheim an der Ruhr
    Germany
    North Rhine-Westphalia
    On the map

    +49 208 883 672 89

    +49 681 959 3119

  • Haar · Munich

    Haar / München

    South Location

    Office Munich
    Centigrade GmbH
    Bahnhofstraße 18
    85540 Haar · Munich
    Germany
    Bavaria
    On the map

    +49 89 20 96 95 94

    +49 681 959 3119

  • Frankfurt am Main

    Frankfurt am Main

    Central Location

    Office Frankfurt
    Centigrade GmbH
    Kaiserstraße 61
    60329 Frankfurt am Main
    Germany
    Hesse
    On the map

    +49 69 241 827 91

    +49 681 959 3119

Cookies help us in providing our services. By using our services, you agree that we save Cookies. Learn more.

Close