Interface

[Darviridis]

I came to the conclusion that for our service we need to make an innovative interface using new technologies. So that the interface of our service differs from others in its manufacturability and functionality. And users would like to interact more with the platform and get an unforgettable user experience.

So I decided:

• Analyze sites with good UX.
• Assess trends and new directions.
• Look at sites using WebGL and Three.js.
• Assess the advantages and disadvantages of the interactive interface.
• Find unusual and cool solutions in interfaces and think about how to integrate them into the platform interface.

I looked at a lot of new modern sites. I paid attention to how they were made and saw a lot of new things for myself. I want to show you some of them:

When you get to this site, you dive into the waters of the ocean and explore the underwater world. Many interactions with the interface, great graphics, sound design, beautiful loading, changing picture in the background https://www.bluemarinefoundation.com/the-sea-we-breathe/about/#about-content

Website of a company that makes animated websites. Initial splash screen, the site responds to user actions (appearance of pictures when you hover the computer mouse over the screen), elements for moving to another page stand out from the rest, a different style is used for different pages https://www.makemepulse.com/

Website for investing in developers of new technologies. Dark background and glowing elements. Highlighting the elements on which the computer mouse is hovering. Ball control instead of a computer mouse cursor. The background constantly changes and reacts to user actions. The transition to another page is carried out in the form of a "flight" to it https://www.blueyard.com/galaxy

Spotify podcast site. Bright elements, lots of user interactions, background sound, lots of scrolling elements https://astrologyclub.byspotify.com/quiz

Miniature gamma camera website. Black background and bright elements. Site progress. Shown how the camera works on an interactive example. Sound design https://www.orano.group/experience/innovation/en/protect

Online course website. Beautiful screensaver with musical and text design. Lots of beautiful animations https://silencio.es/

Website for a computer game. Very atmospheric site, beautiful transitions, a lot of animations. Video in the background, sound design https://www.witchernetflix.com/ru/content/yennefer-of-vengerberg

Website for helping small businesses. dark background and glowing elements. changing the word in the title.The user can control the interactive object https://www.marcofi.com/

Site for identity verification. Site elements "come to life" when the user looks at them, how the site works is explained in the screenshots https://cognitohq.com/

Website for home accessories. Video intro, a round menu that is always present on the screen, each page has a different style, glowing elements in the video background https://www.moooi.com/en/

Crypto site. A beautiful combination of colors. The screens switch in different ways. Lots of animations and beautiful transitions.https://weltio.com/

Site for planning work. Screen color changes depend on user actions. Screenshots of the interface are shown and the principle of operation is explained. Important text highlighted and underlined https://www.superlist.com/

Site study of ancient persia. Virtual Exciting Adventure https://persepolis.getty.edu/

General trends that I managed to notice:

• video intro
• backlighting of interface buttons
• background sound and sound of clicking buttons
• a lot of animations
• the interface responds to computer mouse movement on the screen
• beautiful transitions while scrolling across the screen
• unusual loading of the site
• control of another object on the screen instead of computer mouse
• unusual fonts and colors
• non-static text background
• gamification
• there are elements that the user can control (change color, position in space)
• lots of user interaction
• dark background and glowing elements
• UI buttons respond to hover

[Darviridis]

Looking at the interfaces of sites and different developers. We decided to look for a developer among game interface developers. Because in games, the interface should be both beautiful and functional at the same time.

[Darviridis]

I read several articles about the interface in video games in order to better understand the concept of design. https://uxplanet.org/what-video-games-have-in-store-for-ux-designers-e51a15accc99 https://uxdesign.cc/ux-and-video-game-design-5d8bcc50be67 https://80.lv/articles/a-look-into-games-ui-from-1960s-to-the-present/

I wanted to find a game UX designer to look at some portfolios. I looked at Behanse https://www.behance.net/hire?isAvailableFreelance=true&creativeFields=game+design. There, in the "game design" section, there are mainly people who make models and art for games, or interfaces for mobile games. Could not find a suitable one.
I found a new site to search for freelancers https://www.artstation.com/about but there are also mostly artists.

Two good articles about UX trends https://userguiding.com/blog/ux-ui-trends/ https://medium.com/codeart-mk/ui-ux-design-trends-2023-c7285391e610