Design Systems Veikko Rihu - Goodhum

Remember Design Guidelines, the monster pdf, outdated as soon as soon as it became available? Or what it was like trying to get it updated? Or how the guideline would translate to actual components in an evolving frontend framework?

Once a Design Guideline falls behind app development it will have lost its initial reason to exist.

Design as part of development

There are a bunch of things that have an effect on design, from the individual app level all the way up to the brand itself. But, these things move forward - they change. And that is how they should be, that's sort of the point. Design and related docs should develop along with them.

The end user always comes first. At the same time, design needs to conform to UI conventions and to what is reasonable in the frameworks and libraries in being used. Brand and positioning also need to be in the mix.

Design Systems are living documents where everyone dealing with these things are able to contribute along the way. They are a modular catalogue of patterns, components and style combined - based on actual needs.


Design Systems are not a deliverable, they are a process. It's all about simplicity and reusability.


Custom Systems

Here's some good examples of well-developed Design Systems:

Now, these examples are by enterprises with big teams. How would one start from scratch, then?

To frame it in the simplest possible way, a good start would be to identify a component. That component then needs some patterns, rules, style, code snippets, stuff like that. A quick note or copy-paste if whatever exists at the time is plenty. That goes into a shared document and boom - we will have started a Design System.

Things like colour, iconography, typography and such like span across components. This is the more traditional "Brand Guideline" type material. Existing guidelines can be adapted or new ones created, it just needs to stay focused and compact.

Existing Systems

To minimise the overhead of accessing a Design System in the case of MVP's for instance, an existing generic Design System is a good starting point. This enables tapping into ready-made patterns, complete with components, code and customisable styles. Our favourite is Material Design, which has great libraries for Angular, React and Vue.

Work 

3D UI Goodhum - Cloud apps, with AI. 3D in web apps?

Our strong background in game development and professional 3D CAD systems feeds into our capabilities with apps.

We have designed 3D user interfaces for embedded and mobile.

We also have created several browser-based 3D apps on WebGL + JS, including Kemppi's Welding Game.

For web apps, WebGL delivers some impressive 3D performance, tapping GPU power. Popular engines such as the Unreal Engine 4 have been developed on top of WebGL. Interactive 3D content can enhance an app as well as deliver information that would otherwise be hard to convey.

Further into AR & VR

Web technologies and 3D have huge implications for AR applications. Developments like Google's ARCore opens up a lot of possibilities, even though there is no AR standard for the web yet.

All the biggest VR players, including the likes of Oculus Rift and HTC Vive, support HTML content. Platforms like PlayCanvas offer easy access to starting web content creation for them.

According to ARtillry, the base of ARCore-compatible devices is exploding. Everything seems to be in place for web AR to really punch through.

ARCore-devices
News 

Open positions Goodhum: open positions

We are building great things and need your talent!
Become part of our team in the Turku office - send your freeform application to applications@goodhum.com!

We use the Lean UX model. If you are familiar with agile methods, you'll recognize our sprint-based scheduling. You are eager to learn new things, have a positive attitude and are capable of structuring things.

UI DESIGNER

You will be responsible for leading the way when UI graphics are involved. You are comfortable with the process from wireframes to production resources and are capable of turning ideas into beautiful, user-friendly layouts.

You are familiar with Material Design and work fluently in Sketch or similar digital design tools. Experience in interaction prototyping is considered a plus. If you have some HTML / SASS experience, even better.

SENIOR DEVELOPER

You will be responsible for running successful projects - and accounts, too, if you're up for it. You will interface our Clients and set an internal example through your work.

HTML5, CSS, JS, and mobile first as a paradigm are natural for you. You'll be developing mobile app & web app prototypes and final front ends using Angular 6.

You prefer the new UI style over the old ones - knowledge of JQuery, Bootstrap, PHP are not needed. Be MEAN rather than a LAMP.

You know Angular well - and might already be familiar with Git, SASS, Node.js, Browserify, Gulp, npm and such.

Your work is quite independent, but you'll have in-house support for technologies and UI design - working side by side in projects where the user comes first.

JUNIOR DEVELOPER

You will be responsible for keeping things under control in rapid iterations. You will report towards our and the Clients' teams and be proactive about developing not only code but also your skills.

You are familiar with HTML5, CSS, and JS. You know Angular, and will learn a lot more.

News 

New Turku office Veikko Rihu - Goodhum

Goodhum moved office in Turku. The new office is located downtown Turku, just a few blocks from the market square.

Give us a call and visit us soon!