Starting your business in the world of UX/UI design is not an easy task. Can you say there is such a thing as a complete list of tools and technologies that you need to master in order to successfully search for a job as a UX/UI designer? Yes. I have decided to create a full list for you to help you enter the digital industry or change your profession into a UX/UI designer.
What is UX/UI design?Well, first of all, you need to separate these two definitions. The easiest way to express the definition of UX and UI as follows:
User experience, UX – the whole experience the user experiences while using the product. (…) Designing user experience (user experience design) is designing interactive products with particular attention to the fact that interaction with them provides users with positive experiences. The product should: present itself in a way that is attractive to the user, be functional, ergonomic, useful, using it should be enjoyable and rewarding. (…) To achieve their goals, user experience designers usually use the user-oriented design methodology. User experience design can be successfully applied not only to software, but also to overall customer service in marketing. One of the user experience testing tools is user testing. – Source: https://pl.wikipedia.org/wiki/User_experienceIn turn, the definition of UI is much simpler and is as follows:
User Interface, UI – space where human-machine interaction takes place. – Source: https://en.wikipedia.org/wiki/User_interfaceRemember: In the job market, you will often find positions such as:
- UX Designer
- UI Designer
- UX/UI Designer
- Product Designer
- UX Researcher
- several years of experience in this industry (or at least in the digital industry as such)
- solid projects in your portfolio.
What are the earnings of a UX/UI designer?UX/UI designer salaries depends primarily on your experience in the industry and the need for your skills in the country where you intend to work. Currently, the situation on the international market looks favorable for UX/UI people. But remember, good designers wants to develop, they do not treat this profession as an easy way to earn money, but they have a feeling responsibility. It’s true that UX is “on the roll” right now – just like a frontend development 5-8 years ago. However, no boom lasts forever. So you can expect that the broad concept of UX Designer will start to narrow down to narrower and narrower specializations, (eg. UX Researcher and so on)
What technologies are good to know in this job?
HTML5 and CSSIt would be good for you know HTML5 and CSS3 as well. These are the simplest programming languages in the world (and I say that because I’ve seen other programming languages). They are necessary to create the first layer of websites called front-end. If you know HTML5 well, you will be able to create simple (and even quite complicated!) structures: eg a home page divided into “header”, “photos” and “contact us” sections, couple of subpages etc. On the other hand, CSS3 will be useful for you to give this whole structure a beautiful look.
RWDRWD stands for Responsive Web Design. In short: when you will designing a website (or web application), you will have to take into account that a typical user today uses not only a laptop, but also a tablet and a mobile phone. Your task will be to create a project that will recognize on which device it is currently displayed and adjust the layout of all elements accordingly. Pretty challenging, huh?
Bootstrap/Flexbox + GridIt would be great if you will master Bootstrap framework, which is something like HTML/CSS “on steroids”. It makes the work much easier, because certain rules and structures applicable to every modern project have been placed within it. There is no point in reinventing the wheel every time we buy a car, right? Bootstrap and Flexbox work in a similar way. In turn, the thing called Grid will allow you to design websites or applications (e.g. in Photoshop) in a 12-column layout, which makes your work much easier.
What tools will I need?
Adobe PhotoshopTo keep your designs pleasing to the eye, you should master at least one raster graphics program. The most popular and one of the best software for designing and graphic processing is Photoshop. Intentionally designed for photo filtering and photomontage, today it is a real multitasker: you will create a design of a modern website, mobile application, all graphics and finally you will present the results of your work in the form of an aesthetic mock-up. Must have for you! URL: https://www.adobe.com/pl/products/photoshop.html
SketchIf you work on macOS, you can’t do UX/UI job without Sketch. You should be familiar with the Sketch program and be able to create a project on it not only if you prefer a Mac – it will be good to know it because of your co-workers. With Sketch, you can create real UX wonders: it can be used for designing mobile applications, websites, landing pages, as well as quite complex administration interfaces. URL: https://www.sketch.com/
Would you rather— Sketch (@sketch) March 17, 2021
FigmaFigma is a competitor to Sketch. It is a vector graphics program that is great for creating a decent UI. It works on macOS and Windows – so if you are a Microsoft fan, you should start with this tool. URL: https://www.figma.com/
inVision StudioWe’re still near Windows – check out the inVision website and see for yourself that you can download inVision Studio Free in .exe file. What is inVision Studio? The producer himself describes his product as “The world’s most powerful screen design tool”. Is he right? You should judge it for yourself. Please remember, that when you enter the UX/UI world, you will meet inVision sooner or later. URL: https://www.invisionapp.com/
7 million people transform their businesses with InVision. Learn how we help our customers solve real challenges https://t.co/3iO4UM8Dlc— InVision (@InVisionApp) March 3, 2021
Axure RPAnother of the most popular prototyping software is Axure RP. With its features, you will prepare a project that will be pleasant not only to the user, but also that will appeal to developers – your future co-workers who will be responsible for creating a real, working application using your project. URL: https://www.axure.com/
Have you tried the new Axure Cloud? Quickly create design prototypes from Sketch files and image assets. Import screens directly from #Sketch and add hotspots with animated transitions. Best of all, it’s free! #protoypinghttps://t.co/hvkdbG15BD pic.twitter.com/8OWcGwk1Gx— Axure (@axurerp) August 22, 2019