My first feelings from Adobe XD

First of all, I am Windows user. So I was not able to work with Sketch. So I was waiting till Adobe has launched a new designing, prototyping tool XD.

I was quite new in that kind of tools, but I learn it in just a few minutes. The most important thing on the XD is what kind of tool it is. It’s so specific tool for work in the apps and websites sort of design. That’s the reason maybe why I learn working with XD so fast.

Better view on your product

I was working with photoshop. For me the problem between developing and designing was with fonts at all. Different view of fonts in browsers as in Photoshop. Rendering was soo different. Now with XD the view is the same.

Really great work with UI kits

The most valuable thing is working with UI kit. We have allready done the UI kit for all of the elements which are using for mobile/desktop app like: buttons, headline, paragraphs, colors, charts, logos. All of them includes paddings, margins and the other things for better cooperations with devs.

Whole app in one place

I can remeber my times, when I was starting with designing of websites. One psd for one page. The size was sometimes soo big (200mbs). Of course, now Adobe Photoshop inludes artboards. But so many artboards means big file. I can’t imagine to have a design all of the pages in one psd file.

We are using cloud drive also and I can’t imagine to work with such a big files, too slow for uploads, saving.

But with XD it is posibble to have whole app in one file. Also with the basic prototypes for devs and marketing. Without using other tools.

There are still a lot of things to do

I am not talking that the tool is soo-super-cool. Not at all, but it is time-saver and with the good cooparating and documentation for devs you are able to design pretty great things. And for a beta it’s absolutelly usefull.

What I am missing a lot:

  • Gradient colors — for me its necessary to have this solution. For a backgrounds, buttons.
  • Share link — missing it a lot, when I need to cooparate with other people it would be so helpfull to have a shareable link with the prototype.
  • Notes — would be great to have a notes in the xd file. For the notes, or devs documentation. Like for the CSS and other staffs.
  • Show/export CSS — for me the necessary to have this solution, or to be able open the file in Avocode or the other apps like this.
  • Microinteractions
  • Export/import .svg, .ai files

There are also other things, but at all. The tool is in beta, the adobe devs and also community growing so fast and I see the future in a tool like this.

And what about you? Do you use the Adobe XD app?

If you like it just share it via social buttons in the end of the article.

Yeah and don’t forget to let my know what you would like to see next time via Twitter.!🙂

The worst thing for me is doing nothing

Yep, the title is correct. I’ve been stuck for a maybe one week! But now I am back, I am going to write again, I am going to work on my own side project.

Asking why?

I really hate that feeling wasting of time. Just sitting and watching on Facebook. I have to said stop! I don’t want to be that person. I want to learn a lot of things in design, I want to be a better person. So I have started to do something.

Well, I started to

  • sports activities (getting up earlier to take some time for stretching, visiting swimming pool etc.)
  • I started to learn to code – yep I understand how all the things works. What I am able to design and how it works. But I really want to be able to code by myself to get deeper.
  • I am cooking. Really enjoying cooking, it’s a great time for relaxation. I am trying to cook some Vietnamese food. But it still doesn’t taste or looks like 😀
  • Also, I got back to my side projects: the first thing I want to finish is the online store template for free. – Hopefully, you are not angry about a small progress. I had a lazy phase of my life 😀

So just one thing in the end. It’s good to relax. But don’t be too lazy, that you don’t know how to start again. 🙂

Just take a rest from your work

Be free … easy to say! I have got a lot of work to do! But that’s a point what i really enjoying on my work. I have got still a lot of work. But it doesn’t mean that you have to work all of the day, day by day 🙂 .

Let’s say “Bye my work, I am going to …”

If it’s just for a while. The relaxed head is the best head. Especially up to me. If I need to the best I just need to relax before. So mostly i play computer games or doing some sport activity. PS: Big thank is also for my girlfriend 🙂

Maybe it seems quite weird … PC games. Dude, you are still on PC/xbox. Yes, I am … but. I am just not thinking about the design, about my work. I am just killing, or driving 🙂 and that’s the point. Find out the best way for you how to relax and it doesn’t matter what other say.

PS: I am not saying to play computer games day by day. I also need to do some sports activities, because sometimes my body (or mind?) is saying: “Hell, Peter go to the something. You are just sitting all of the days on your f*cking ass”.

“So just in a few words. Don’t be lazy to find time just for yourself and do the things what you really love to do.”

Sure for me it’s work also what I really love. The design fits me the best, but on the other way, I am not able to work all of the days. So that’s why I am playing games, or doing some sports activities = because I just need to relax my head from work and need to be ready for the other work day. Hopefully, you are doing the some. Just spending some time with things what you loves.

What I usually play?

I am big fan of the MMORPG and shooting games.
Here is my list of the games what I play: Eloa, mu-online, S.K.I.L.L., Gotham City and Wareframe. If someone playing this game/s just let me know, I’ll join you! 🙂

Wish the best for the next work days!

Stay amazing,
Peter.

 

Why I fall in love with UI interactions

I supposed everyone knows the term “UI interaction”. But if no … well here it is the meaning of UI interaction by myself 🙂 :

What the UI interaction is?

First of all, we should know what the User Interface Design is. The UI design is the design interface for software and machines which are helping to make the user’s interaction as simple and efficient as possible. The good User Interface is  focused on maximizing usability and the user experience.

So the UI interaction is space where interactions between humans and devices, apps etc. The goal of this interaction is to allow effective operation and control of apps: in my way of design.

Nowadays all of the apps around the world has to be able to stay in touch with common interaction trends.

Who is giving the direction of this trends?

I have to confess, I don’t know. But what I know pretty well is that there are my top candidates who coordinate the direction of UI animations by their way and has got such a big influence to the whole online sector.

iOS animations

Of course, there are Android and Windows too. But for me the iOS one of the strongest pillar of the UI animation in the mobile sector. Can you imagine your mobile phone just static? Without kind of animations? Me not … at all. The animations help us with better orientation in the mobile phones and apps.

Here is a great example of UI interaction of Sign In process to the mobile iOS app by 

login

Google Material Motions

Sure you have heard about Material Motions by Google. If not, look at the guidelines by the biggest tech company. I am sure, Google is one of the leaders in that area. Actually, everything they do takes effect in the whole tech area. Even wich the interactions.

 

Do not be aware of micro-interactions

Microinteractions are the contained product moments that do one small task.

Microinteractions can say something about you. Like, how you product is detailed designed, how the small processes are understandable. All of the small interaction changes you will develop, can help your customers at all. Also microinteractions can guide users in how to work the system.

Try to use “Show system status”

It means that your customer (user) needs to be informed about what actually he did. the interface should keep the user enlightened about what is happening. Just look at the simple example of scrolling bar

1-25uROlsf4CoKLwRBjqLLBA
Img used from article: https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf#.drekelgbu
Highlight Changes

Highlighting can help use in a place where we need to know, that the user see it. And here can change an animation like that. The other reason could be the orientation of user between most and less important statuses. Look at the example of simple text highlight:

copy-text-prototype
Source: https://dribbble.com/shots/2425078-Copy-Text-Prototype
Visualize inputs

For me one of the greatest (most important) things in each applications. I love the Sign In/Up pages using the inputs effects.

Just have a look on great examples of micro-interactions for inputs.

form
https://dribbble.com/shots/1937503-Input-Form
button
https://dribbble.com/shots/1962910-Selection-Interaction

 

You must be able to learn about interactions

If not, you are out, or will be out in a few months. Just look around. There are no more static websites, apps. Everything is coming more understandable. And I know that one part of great understandable are interactions. So don’t waste your time and try to learn something about.

Recommendation: Micro Interactions Book

 

Check the muzli blog page and stay in touch with UI interactions

And look for a UI Interactions of the week. You can find here a lot of inspiration for your new apps or designs.

 

How the Nick Babich design with care. And I totally agree with him. The good design is about details. And details of the good apps could be interactions which can make your product more trustful, understandable and enjoyable. 🙂 And that’s the reason why I fall in love with interactions.

 

If you like the article, just share it via social buttons in the start and the end of the article. Or just retweet this one 🙂 .

I’ve just read a new article about UI interactions by @bilekUI. #design #UI #interactions Twitter

Yeah and don’t forget to let my know what you would like to read next time via Twitter.!:-)

subscribe

 

Step by step reaching your point

I feel a little strange. Nowadays, there are a lot of opportunities for all of the people in the online sphere. When I am talking with someone it is like speaking with a Design God. Most of  the young people discussing how they are doing 3D graphic, webdesign, print design, interface design at all. But that’s the point. Why everyone wants to do everything? Why not do just a part of the job, which I am good at? Continue reading Step by step reaching your point

Don’t be stuck. Here is why.

I extremely hate that feeling “what should I do right now”. I am one of person who loves the design a lot. I always do something because I hate feelings when I don’t know what to do. That’s why I called this article Don’t be stuck. It is all about understanding what you need and what is for you and your work the best option.

This is not about to be like me

I am not telling you to be like me. Don’t do things like me. Everyone is a totally different person. But what I know is that I hate feeling like to be stuck in one way. I am always looking for new things how should I become a much better person or designer. How I should help to the other people find out the best way. Probably that is why I started with publishing my blog and sharing my ideas throw social networks. Because I hope that’s are useful and should help some of you.

“The best way how not to be stuck is looking for opportunities how to become better.”Twitter

I always do something

Always … I used to do something. If I could do “nothing” I will probably write blog posts or go for a run. Nowadays for me doing nothing is one the worst thing I should do. I know if I will start with I will be stuck after all. I don’t know why maybe because I will use to be lazy and I don’t want to.

Go for a run, do what you love

Everything is better than doing nothing. I love running, my family all things I am surrounding. And that’s great for me and my designing live. When I feel in a good mood I have got a lot of energy for all of the projects I am working on. So find out what you love and surround that things, feelings around you.

Enjoy every little thing

I am trying every my day enjoy. I really love just stop, when I am walking my dog. Just stop somewhere under the tree and watch to the top of the tree. Looking how leafs are flying. I am trying to enjoying those things because for me is one of the best energy a booster. Try it too!

So and what about you? What is good for you, your mood, or energy? Will be so glad If you send me a tweet about your designer life. Where you find an energy and inspiration.

And don’t forget, always be Amazing,

Peter.

 

Do you like my articles?

Become my newsletter subscriber.
Follow me on Twitter.
Or wanna try to follow me on Instagram?

“I am so glad for any feedback: I know that there is a lot what to learn. Like my english etc. but with your feedback I will become better. Thanks !”

Work with feedback and become much better

As a designer, you probably get in touch with words of praise, or on the other side with words like: “still it is not good as I expected” etc.. You should have a look at this problem like professional. The work what you do in the most of your time do for your client or his clients (if he is reseller).

As a Product Designer I take care of Visual side of our Application (talking about web app and mobile app too). As the number of customer is growing demands for quality and intuitiveness of our application are growing too.

Only feedback, especially the negative can move you a bit further

With problems comes new experience. Not ones you will get in touch with users problems. You have to prepare yourself for that! Be ready for improving your skills and knowledge. Because this is the way how you can fix or avoid any problems.

Realize that your users are key for your success

I realize a lot: Demanding users are the best user. Do not attitude to them with “bad thinking” like: “Oh no, what he wants again!”. Use his ideas for innovations to your app. Discuss more problems with your customers. Each customer has some needs and It will be better talking with you customers about their problems. In many cases, the one special problem of your customer will be problem to another one. Fix this problem as soon as it possible.

Design trends online change more often than the wind, and slightly less often than my socks. Suleiman Leadbitter

It is good to know something about your customer

By creating of your ideal customer (persona) should be good step to set up most important things for your application. As a designer is really important to know how our customer thinks or behaves.

 If we will look deeper, we can find out much more by our customers. Like, what color should we use, which web elements should be best for them, what part of app our customers perceive most (like buttons, notifications etc.). And there is much more what you should find out by creating of your ideal customer.

Don’t forget to talk with your customers. Primarily I mean a Social Networks. Doesn’t matter which one. It is really necessary to know on which type of pictures, videos your customer will look much often than the other. In my opinion is good to work with idea “from people to people = I mean use real photos. You will target much more people.

Don’t be scared of small experiments.

Has got feedbacks, but what now? Work with it, step by step.

You can create a lot of varieties of landing pages, which you will publish to some sort of people. By this, you can find out which one is better, than the other. I can hightly recomended application Instapage. This application become fastest of creation this landing pages.

Simple steps how i work with Instapage:

  1. First of all I sketch graphic design ( background and other elements for web)
  2. Final version of design I cut (in adobe photoshop) by slice tool
  3. This elements which I cut I insert to the Instapage. I will style titles, p, buttons and the other web elements.

It is really nice helper for testing. The program itself will produce a pretty nice code (incl. Mobile version). Do you know any other program like this? Say something about them by comment of this part.

As a designer starts use invision as your daily routine

I supposed, you are not asking your self: “Why I should start using this app”. For those who still don’t there are my tips why:

For me is using of invision like daily routine. By invision we can re-sending design wireframes of our app to our clients (testers — personas). Which can give us really fast feedbacks by comments throw this app. It is really nice app. We can test interactions without coding!

It is good tool for cooperation between teams and designers. Sure if we are sitting side by side we can talk to each other. But when not? You can connect invision to slack — and it is fuck*ng killer. All changes or feedbacks you will see throw slack app. Try it if you use both of them.

Do you want some summary?

So, just a small one? Try to select your best fitting customer which you will stay in touch. Step by step build your app more and more better. How? ?Listen to your customers.

Do you like my articles?

Become my newsletter subscriber.
Follow me on Twitter.
Or wanna try follow me on Instagram?

I am so glad for any feedback: I know that there is a lot what to learn. Like my english etc. but with your feedback I will become better. Thanks !

Stay in touch with your clients as is possible

Hi there,

nowday I would like to write some ideas how I feel about nowdays designers. Over the world there are thousands of designers. Who is worst, or better? Who knows … There is a lot of different feelings about designing. I am going to speak about my field of design – mostly websites and web apps. When I worked for agencies I met a lot of people (clients).

For my work was faster to talk with client directly. You know most your designer time in agencies there is someone between you and client (mostly project manager?). For me was really better to sit with client by my-self or with project manager too. It was good to hear the ideas which comming throw clients mouth. When I met a client I should just discuss problems deeper. Becouse of you should not be able to talk with your client, propably you will hear the story from you project manager (or person who is between you). And there should be a lot of differencies.

Why is good to manage meeting directly with your client?

  1. Client needs has been served from his hand
  2. Better (faster) communication
  3. You are able to make changes more quicker

In my opinion here is a good to use invision application which can help you colaborate your design with client or colleagues. And that’s not all. Let’s check their product tour and enjoy this awesome application.

Just do what you feel from you client and in which you believe most. I think if you are good empathy it will be no problem for you to make a good design which helps all around.

Just listen to your audience needs and stay in touch with them.

 

Do you like my articles?

Become my newsletter subscriber.
Follow me on Twitter.
Or wanna try follow me on Instagram?

I am so glad for any feedback: I know that there is a lot what to learn. Like my english etc. but with your feedback I will become better. Thanks !