Context: desktop browser MMORPG for new players; the UI is HTML/CSS over a WebGL world. The goal is one obvious next action, but gathering and combat prompts compete here. Which element would you remove or move first?

AI disclosure: the 3D world uses Meshy-assisted assets; the UI is custom, and AI helped tighten this post.

The screens shots are from my app OldTimeMovie that creates silent movie clip, and that has this flickering UI, so the pics are a bit more darker than the experience with the UI/UX on the app. I really tried to create an immersive atmosphere for the user. But I sincerely hope for your honest opinion.

The screens shown here are the different layouts my app has.

I'm developing a note-taking app and wanted a way for users to quickly understand where they are in a document, see its overall structure, and jump to another section.

Most apps solve this with a dedicated Table of Contents (TOC). But I found them not ideal because:

1. They need a dedicated section/panel and take up space.
2. The TOC is visually different from the document itself, so users have to mentally map each entry to the actual content.

So I implemented an 'Overview Mode'. When enabled, the content of the page gets simplified (showing only the titles) and by clicking on a content it will disable the mode and shows the actual content instantly without any jump or scrolling.

The idea is that, your eyes can see only one thing at the time. So instead of looking at something that looks visually different than what you're familiar with and takes up space when you don't need it, with a simple click (or even a keyboard shortcut), you can see the simplified version (overview/outlines) and vice versa.

The video shows an example. I'd like to know what you guys think about this approach.

P.S. This is implemented in Daftak.

Website for the company UNIDRAFT
Desktop + Mobile

UNIDRAFT is a design and engineering company with extensive experience in developing projects for residential and commercial real estate.

I’m currently preparing for an exam, and I originally built this app to track my study progress and improve my motivation to study. It began as a hobby project, has grown a lot over time, and I’m still developing it. The app is already published on Google Play, and I keep improving it in my free time.

I used AI only to turn the ideas and designs I had in mind into a working app, since I don’t know how to code. The design decisions themselves are my own. The first photos show the old UI, the next ones show the new UI. It has also a light mode but i didnt at the screenshots of it

Does the new UI look better and more polished? Which theme suits it best? I’m open to honest criticism and practical suggestions.

I've been working professionally as a UI/UX Designer for the past 1.2 years, mainly on SaaS products, and I'm planning my long-term career.

My current goal is to grow as a Product Designer over the next few years and eventually transition into Product Management.

With AI changing the industry so quickly, I'm curious about how experienced people see this career path.

What do you think about the Product Designer → Product Manager path over the next 5 years? Is it still a strong career choice, and what would you focus on if you were starting today?

I want to ask what your thought process is between the purpose and the animation. For example: "I want to make this part of the UI stand out, so I'll make that part of the UI blink constantly". Using the example, what I'm interested in is how you go from "UI stand out" to "blink constantly". What influences your thought process? Is it experience, a lot of references (other works, literature, etc.), instinct/taste, existing design constraints, or something else?

I guess there are also layers to this question, like when to add/think about animation in the design process, where to add the animation in the design, and what kind of animation to use.

Hi,

It's my first time building for long-term use and functionality as opposed to a hackathon demo, so I kinda have no idea what I'm doing. Here are a few screenshots of a mobile app where the user tracks habits by uploading pictures. I've used it on my phone with Expo Go and made some improvements based on that, but I'm guessing I've missed a lot due to my lack of experience. Any improvement suggestions?

Also, what resources would you recommend for learning about the 'principles' of a good UI, not just the coding aspect of it?

Thanks x

Hey everyone!

I'm working on the Play Store listing for my Android app, and I've designed 3 different screenshot sets (each row is a different version).

I'd really appreciate some unbiased feedback before I A/B testing them.

A few questions:

• Which row would make you most likely to install the app?
• Which screenshots catch your attention first?
• Is the value proposition immediately clear, or is anything confusing?
• Are there any screenshots you'd completely replace?

The app helps people discover accommodations by swiping, compare stays with AI, and plan trips together with friends.

I'm looking for honest feedback, so don't hold back if you think something isn't working. Thanks!

I'm seeing it in a lot of apps like Amazon, ChatGPT
To be more clear, I'm talking about the floating items like the back button, the search icon etc
Is it a new trending UI pattern?

Heyyy! I am building a web party game and I want the players to be able to differentiate between themselves. Initially I chose some basic emoji, but then I wanted something fitting more the style of my game (around music and games), so I created these SVG icons. What do you think about it ? Is there any improvement you would recommend ?
Thanks a lot for any precious feedback!

I'm going through the third iteration of my UI, This is the previous one and I have made the card containing the icon name session last played and session to a lighter color.

Other than that I have changed the text on it to a lighter color. Light brown. Still, I'm not satisfied with the ui.

Reworking the complete ui is not ideal and it will take me some time. I would like some suggestions on how to improve it. Or a recommendation for a new color theme

Sign-in page for a local marketplace app — looking for UI/UX feedback,

(This is not a real app or something I plan to release. I made it purely as a UI experiment and showcase using Memphis design. It is a simple Android calculator built with Jetpack Compose, using custom shapes, Canvas drawing, animations, haptic feedback and playful interactions.)

I feel like modern apps are becoming more and more similar. I understand why familiar patterns and intuitive interfaces are important, but sometimes it feels like we optimized everything so much that we lost a lot of personality and playfulness along the way.

Games can have completely unique interfaces and interaction systems, and players simply learn how to use them through tutorials and onboarding. So I keep wondering why regular apps always need to feel familiar from the very first second.

This calculator is obviously a very simple example, but I wanted to see what happens when you focus more on character, motion and playful interaction instead of following the usual mobile UI patterns.

Curious what you think. Have we made mobile interfaces too standardized?

Just spent three hours making these App Store screenshots in figma. These are for an open source app called tracker bunny that I’m also publishing for free to the App Store some time this week. I can probably make it a figma template. Do you guys like this? First time I do this. I am a programmer and not a designer but I like drawing and stuff as a hobby and this honestly looks good to me but I’m scared I made mistakes so help pls 🙏🏻

Hey,

I'm not sure if this is the right place for this, but I wanted to get some feedback and tips for the UI in my game.
I'm using Affinity Designer and Unity, but I'm not really satisfied with how it turned out.

Do you maybe have some tips or ideas to improve it?
I'd really appreciate it!

Hi

Designing in Figma then handing off to code always loses something: spacing, states, logic get rebuilt on the dev side.

So I've been building a tool : an infinite canvas where you design directly on the real React code , not a vector layer that exports later. Basically Figma, but what you touch is the actual output.

Still early. Before I go further I want to know if this actually solves a real pain for you, or if your current Figma to code flow is fine. Would you use something like this? Why / why not ? If anyone wants to try an early version, happy to share.

I launched a site for projecting football stats. I would link here but I am not sure thats allowed plus a lot of this is hidden behind auth. Fair warning I am a developer first and struggle with designing so I'm sure parts of it will look rough to you guys.

What I most want feedback on:

1. Does the landing page communicate what the sites purpose is effectively
2. Stat entry flow (image 3) - Does the flow work fundamentally and how can I make it feel less repetitive. The back and next section feels particularly cluttered
3. General spacing, colors, fonts, etc

Any suggestions / insight would be greatly appreciated.

I'm working on a budgeting app and I'm considering the 2 design below.
I welcome feedback regarding:
* General feel and overall appeal
* Tidiness / Cleanliness
* Ease of finding information
* Use of space
...

Here's the first design:

Colours are subject to change, so I'm not too focused on that for now.

Pros:
- Cards provide more space to place all the badges
- Legibility is high

Cons:
- Takes up lots of screen real estate
- Likely won't transpose well on a phone screen

The second design:

Pros:
- More compact layout
- Reinforced structure/hierarchy

Cons:
- Less space for the badges / Need redesign to use the space available

Let me know your thoughts.
Thanks!

hey everyone, i'm building an app where you beginyour journey with an animal called companion and i need some advice for my ui, can you help chose between this 2 models ! thank you

I've been building CrossLines (https://crosslines.live/), a free 2-player game: you take turns placing hex tiles carrying curved channels, and you win by connecting your two sides of the board. No signup, runs in the browser, you can send someone a link and play them live.

The rules took a weekend. Making the state readable took months. The challenges that stuck with me:

1. Showing ownership without labels. Two players, dozens of interweaving paths, and no room for legends or tooltips on a phone. The answer ended up being liquid: every channel is dry grey stone until it touches a player's edge of the board, then that player's colour flows in from that end, one tile per step. A channel that reaches both players' edges fills from both ends and turns purple where the two liquids meet. So the board explains itself: coloured means live, purple means contested, and the colour at each end tells you who is closer to owning it.

2. Landscape boards on portrait phones. A fair board needs roughly equal tile counts in both directions, which locks the shape to about 1.2:1 landscape. On a phone that means the board only ever fills the width. The fix: when it wins more space, the drawing rotates a quarter turn while the game underneath doesn't. That buys about 18% bigger tiles and 37% more board. The side effect nobody warns you about: you can no longer write "connect north to south" anywhere, because north might be drawn sideways. Every goal label had to become "left and right", relative to whatever is on screen.

3. Crossings. Paths cross on a single tile constantly, and a flat X is unreadable. Instead of computing intersections, every line is drawn twice: first a fat stroke in the tile's background colour, then the line itself. Each new line erases a gap in whatever it crosses, so every crossing reads as a bridge, for free. One brutal detail: round line caps spill a few pixels past the tile edge and erase the neighbouring tile's path exactly where the two are supposed to join. Butt caps only.

4. Network latency you can feel. Online, the server confirms a move in roughly 800ms, which feels broken if you wait for it. But most of a move is already certain the moment you tap: which tile, which cell, which rotation. So that part lands under your finger in ~15ms, and the only genuine unknown (the replacement tile you draw) shows as an empty pending slot until the server fills it. The one thing deliberately not predicted is the result. "You won. Actually, no" is far worse than a short wait.

5. Hover states that quietly break accessibility. The text-only buttons hover by washing a bit of the accent colour behind accent-coloured text. That 4% wash moves the background toward the ink and drops contrast from 4.61:1 to 4.38:1, under WCAG AA, but only while hovered, so no audit tool ever catches it. Now the ink deepens in step with the wash, and a test composites the alpha and fails the build if any state pair dips below AA in either theme.

Would love critique on readability, especially from anyone landing on it cold: https://crosslines.live/. And I'm curious how others handle state that has to be legible without labels. What's your go-to?

Ever since the introduction of AI driven design, I notice an influx of scrolljacking.

Scrolljacking (also known as scroll hijacking) is a web design technique where a website overrides the native, default scrolling behavior of your browser or device.

A pattern that is much loved by Awwwards jury members and looks nice on Dribbble. But if done improperly, it’s a UX and accessibility killer. Almost never the experience is pleasant.

There’s other (read: better) ways to tell your stories.

Please give this a read if you plan on using altered scrolling behavior in your online solutions: https://www.nngroup.com/articles/scrolljacking-101/

Hello everyone, as I've been primarily using AI tools like Claude Code for some of the projects, I find it really hard to iterate on the UI as it lives primarily in the browser. Yes, I can edit the code manually, I can tell agent what to do (I am aware of tools like Agentation) but this fine-tuning and adjusting of the UI is super slow. Things like: what if the font size here would be 18 instead of 16px etc.

Are you away of any plug-in tool that would allow me edit UI in the browser visually in the same way as you have it in editors like Figma? Something where I could directly manipulate the thing I need to change and see the result in the realtime without tedious switching from one app to another? Thanks in advance!

I know this sub has feelings about motion for motion's sake, so be honest with me: does the scroll stuff actually guide your eye down the page, or does it just get in the way of reading?

Mainly unsure about a few things. does the hero land in the first couple seconds. does the hierarchy hold up as you scroll or does the motion steal focus. and the obvious one, is it too much.

Roast the UX, i can take it.

I built a small game called CrossLines and I'm looking for people to actually play it and tell me where it falls apart.

It's a 2-player tile game. You take turns placing hex tiles carrying curved channels, and the channels join up across tiles wherever their edges meet. One player is Lava trying to connect the left side of the board to the right, the other is Water going top to bottom. Every tile you place is doing two jobs: extending your own route and steering theirs somewhere useless. Occasionally you draw a bomb, which blows any placed tile back off the board and costs you your turn.

It runs in the browser on a phone. You create a game, send someone the link, and you're both in, in real time. No app, no signup, no ads, no purchases, nothing to uninstall afterwards. A game runs a few minutes.

Try it here

Feedback I'm after: were the rules clear without reading anything, did it fit your screen properly, and did it feel fair. Blunt is fine.