interface

A Designer Guide: The Difference between UI and UX

Posted on by Mario

Knowing the difference between the UX and UI design

When everything becomes digital as today; the job of creative design goes broader as designer is demanded in creating a good design which is suitable for digital needs. In fact, some people may think that the designer’s job is only for creating a good design, well the job actually is not that simple as a designer is demanded to do more today, such as producing a design which does not only influence our visual sense but it is also expected can influence the audience’s feeling, so now you may realize about how important a designer’s job really is as they do more than just put a nice pretty ambiance things. That is why as a web designer, you will realize that in design world, especially in web design, you will face two board terms and both of them are supposedly created to support one to each other. The terms are User Interface (UI) and User Experience (EX) design which as a web designer or a web developer you may want to know what the difference between both of them.

UI & UX design

Many people may have a misconception about the definition and the difference of UI and UX design as even designer sometimes can also misunderstand about these terms. At some points, it seems like they are interchangeable, but in fact user interface is not user experience, as user interface is focused on the actual elements that interact with the user while UI refers to the aggregation of approaches and elements which allow user to interact with a system. A UI designer will be concerned on creating interactive designs, icons, colors, text, and affect a number of other elements that solve problems dealing with direct interactions to the user while UX may concern on the user’s feeling when they interact with a design, this will lead the UX designer to consider about, content, speed, functional performance, color scheme, personality, customer support, set expectations, financial approach, and visualization.

For example, sometimes when you click on a button in a web, you find that the button will arouse an effect such as the ripple effect, press down effect, sparkling effect, and etc. The feeling which you experience after taking an action on a design is called as user experience. Therefore, a user experience designer is responsible on determining what kind of effect which can convey a particular feeling to the audience. This why user experience design is called designing for Emotion while user interface is called visual design or in the other words, you can say the entire product is UX, an individual section is UI. Therefore, you need to bear in mind the differences as the incorrect usage of them is dangerous.

Take Your 3D Graphics Work to the Next Level

Posted on by Mario

Take your 3D graphics work to the next level

It seems like our next generations prefer to have something that look more real, that is why the 3D design will be popular in the future. If you are still working with your 2D design and want to change from 2D to 3D, then this article will be suitable for you since it will provide you with some information such as the most common pitfalls to avoid with real time 3D. This information will bring you a lot of knowledge to create a good design for supporting your website development.

  1. Don’t Try and Treat 2D like 3D

It’s a big mistake if designers give the same treatment to 2D and 3D, as an example you cannot “photoshop” interactive 3D content such you do to 2D. What you should concern about is to treat it like a real environment. Even though there will be some post-processing that can be done, still it needs to be automatable. That is why expecting to see the exact same thing doesn’t work, such photo shopping a bunch of frames.

  1. 3D on the web is making a come-back

3D has been mostly absent with Flash sites dwindling and WebGL not, originally, being reliably render able on all platforms. But with WebGL supports becoming more and more universal, many people begin to like its actual usage.

  1. Agencies often hire the wrong modelers for real-time 3D

Many 3D agencies often beat by the quality of the Hollywood design companies make. This is because mostly people don’t understand the technical difficulties of low-poly modeling for real-time applications. Especially when having to support various less powerful mobile devices.

  1. Concern on how Light Works

Your knowledge in managing the effect of light will be important, such as how much a light will be needed and how much the limitation of the light should be managed. This also will demand for the right angle for the light to illuminate your design.

  1. Don’t Separate Design from Development

Never separate design from development as it is so important for both of them to work together. It is also the challenge of translating a design to an interactive scene. Therefore, a developer should build tools which allow the designer to apply interactively without the need for making code adaptations.

  1. Try any 3D engine

There are plenty of 3D engine that you can try as your learning field, such as Unity, ThreeJS, AwayJS .

  1. Get Experience with a Graphical Editor.

If you are a designer or artist beginners then you can get some ideas from 3D suite-Blender, Maya. However, since they are offline rendering, it might be possible that the pictures may be too old, but still it can be your good reference.

  1. Math is a must for Programmers

Read 3D programming books or tutorials to comprehend the math since having a good math will allow you to do things faster and more efficiently. Besides it will help you to analyze what kind of problem that you have