Eliss UX/UI Design

I was hired by a client who has a boosting website of World of Warcraft. This website offers different services for gamers: leveling, rare mounts, rating, etc. 👾👩‍💻

More details about this case you may find at my website 👉 eliss.design

Christian Holst, Co-founder of Baymard Institute, figured out which type of items’ list works better: an infinite scroll, pagination or the “Load more” button. 🥸

Baymard Institute researches the interfaces of online stores and publishes the results of their observations.🧐

Pagination is the default solution on many eCommerce platforms, so it's the most common. “Infinite scroll" is sometimes inconvenient: in search results and on mobile. But the “Load more” button combined with “lazy” loading of products creates a pleasant user experience.

What is better to use?

➡️ In categories - the “load more" button with "lazy" loading; ➡️ In the search results - the “load more" button in combination with the number of objects found; ➡️ On mobile - the “load more" button but load fewer objects than on desktops.

More detailed research you can find in blog at my website 👉 eliss.design

Website design for a fitness trainer 🏋️‍♂️

The 🌐 global web experienced a boom in annoying pop-ups back in the 1990s. Since then, a lot has changed: styles, trends, technologies, resources, etc., but the extremely negative attitude of users to events that happen against their will remains unchanged. 🧐 

⠀ Just imagine for a moment that in your car the anti-freeze starts splashing 💦on the windshield not when you turn on the corresponding function, but when the automaker's engineers want it. The refrigerator starts defrosting without your knowledge every Wednesday at 4:00 am, and suddenly boiling water starts flowing from the cold water tap, because the faucet seemed to want to warm up.⠀ 

⠀ A similar interaction between a person and the system takes place on the website 🙌, and when it begins to interfere in the user's life without asking, he often does not feel great joy.⠀ 

⠀ ✅ From here the first and most important recommendation follows: in most ordinary cases, the callback order window should appear only when the user's request!⠀ 

⠀ 🚫 No pop-up, flying and other flickering unidentified objects on theweb site! But if you sinned once and could not resist the temptation, succumbed to the spell of promises of unearthly conversion from a “well-wisher” marketer, introducing the effect of a launching rocket for your window, at least stop in time! If the user closes your flying window, you don't need to relaunch it every 10 seconds!⠀ 

⠀ And for what / who is this window generally needed? In fact, this is a function for the "lazy". In fact: in the era of modern automatic telephone exchanges, people simply do not want to waste their time listening to Vivaldi's Adagio, waiting for them to stop switching from one specialist to another. 😩 

⠀ And here a well-designed callback window will come in handy. Swipe ➡️ carousel - there are 4 more useful tips.⠀

The company hired me to make a redesign for their website for contractors and their renovation business 🎨👩‍🎨

More details about this case you may find at my website 👉 eliss.design

We all learn from our mistakes. That’s absolutely okay 😉 ⠀ Experience is not easy, especially when it comes not to mastering technical tools (Figma, Photoshop, etc.), but to interacting with other people as part of the workflow. And the most frightening thing for beginners is that these people (clients) change from project to project every time! A designer needs to find its own approach, its own secret loophole to each of them.⠀ ⠀ And if the way to a man’s heart, according to a well-known saying, lies through the stomach 👀, then the client must be taken by skillful management of project tasks 😎, attitude to details, attention to the needs of the customer, the ability to listen and hear the person who addresses you with a problem 🦻. After all, it is up to the designer to solve this problem.⠀ 

⠀ Novice designers, because of the lack of experience in project activities, tend to make a number of mistakes. 

They:⠀ 

⠀ ✅ do not ask questions or ask too many of them;⠀ 

⠀ ✅ do not explore the market and target audience;⠀ 

⠀ ✅ do not analyse competitors, their strengths and weaknesses;⠀ 

⠀ ✅ do not study and/or compare references;⠀ 

⠀ ✅ do not specify the terms and scope of work.⠀

Psychology influences our life and, of course, it influences UX. When designers understand what users feel about their design, the designs will become much more effective and will help users to reach their goals 🙌.

For, example THE VON RESTORFF EFFECT 👀 Also known as the “isolation effect” predicts that when multiple objects are presented, the one that differs from the rest is more likely to be remembered. Knowing this UX/UI designers make the most important objects differ from the rest in their design, for example, CTA elements, like buttons. 🗣 Buttons are call-to-action elements and they are very important to be visible.

Visually it can be shown like this 🐠🐠🐙🐠🐠 . Which one is more attractive?

To read more, go to my website 👉 eliss.design :) There you’ll find interesting articles about UX/UI design 🙊.

Bulleted lists: basic tips. UX/UI design

A bulleted list is a typical HTML markup component that is formed using a <ul> container and <li> tags for each list item.⠀ ⠀ On this, we can consider a brief introduction to layout to be completed and move on to design work😎. And it consists in making the perception of the text comfortable and not causing a headache.⠀ ⠀ In skilful hands, 🥸lists become an effective tool for grouping voluminous data and visually dividing information into logical blocks.⠀

👉 Option A:⠀ ⠀ Everyone who booked a room in our hotel gets: free access to wi-fi, access to SPA, free parking, delicious breakfasts.⠀ ⠀

🙌 Option B:⠀ ⠀ Everyone who booked a room in our hotel is entitled to:⠀ ⠀ 🔸 free wifi 🔸 spa visit 🔸 free parking 🔸 delicious breakfasts ⠀ Obviously, option B is more convenient and easier to understand: the necessary list items immediately catch the eye and the user does not have to look for them in the continuous text of the description.⠀ ⠀ It would seem that this is such an elementary topic that every designer, even a beginner, should know about. However, in practice, many designers make a number of serious mistakes that make the usability of such lists hard to understand.⠀ ⠀ To prevent this from happening, follow these basic tips for writing bulleted lists.⠀ ⠀ ✅ Order and quantity⠀ ⠀ If the text is listed in a certain sequence (step by step) or it is necessary to emphasize the number of points (“3 important rules for collecting stamps” or “10 ways to lose weight in a month”), then it is better to use a numbered list. In other cases, a bulleted list is ideal.⠀

The real estate agency 🏢 hired me to make a design from the scratch. On this website, they wanted to tell about their services and about their agency.

More details about this case you may find at my website 👉 eliss.design

Selection controls ✅ — checkboxes, radio buttons, and switches — allow users to, well, make selections. Each has a time and place🏕, depending on the exact functionality of the selection🛠.

Understanding how best to use each selection control allows you to design interfaces that function as a user expects. Following best practices can make it easier for users to complete forms and even to choose the options you’d prefer them to choose 🙃😉.

Yoga 🧘‍♀️ app landing page design 👩‍💻

Practice:) Landing page design inspired by Maldives.