UX Insider: Product Hunt's Weekly Roundup - Episode #5 (13 - 19 Jan. 2025)

Hi, Daniel here from Duran, and today we will go through some of the top voted products on Product Hunt, and together we'll try to analyze them from a UX point of view. So let's get started. First product is called Recap, your AI knowledge base for insightful visuals. Okay, the website looks interesting. It's this thing that follows the pointer, adds a bit of a flavor to this whole thing. Also, the button, it's easy to spot on the dark background. It has this stroke that moves around, so it attracts a bit more attention. Has hover states, that's cool. There's a preview of the product and some highlights of the features as well and what you can do, FAQs and so on. What's missing in a way is maybe another CTA somewhere on the page. You have one here on top. You have this product hunt badge, which gives a bit more proof. Also some testimonials, but other than that, there is no CTA on the pages. This is the only one. And on top you have also this add extension to Chrome. Okay, let's try out the product. The create account page is quite simple. They have this visual here, also the title, but there is a lot of space that's not used. And the only option to create account or sign in is just through Google. So there are no emails or at least other social accounts. Okay, we are in the product. There is no onboarding, or at least no onboarding questionnaire. There are some stuff here on the top, which honestly I don't know what it is because they don't have a title. You can though search something, and there are 3 sources. I assume this is somehow extracted from these 3 parts, but yeah, there is, there is definitely a lack of context. What's also weird is like this button, it's the same as home. Visuals are, I don't know what, what's visuals. They have visual types like timeline and table and mind map. Okay. These are the mind maps. And there are also the agent types that you can see here. But again, there is a bit of a lack of context of how things are working on the platform and what you can do, what this 2 and 1 and 2 and 1, 1 means here. Also what's with the, oh, now it doesn't show up. And it takes some time to load back. So what's with the highlights? As you can see in some of the pages, they have these highlights. It would be great to have an onboarding process, but also to, to give more context of what's happening on the page, what, what I should do. Other than that, let's add some content. URL, our own website. Okay, still working. And you can see there are 2 visuals added for this, 3 visuals for this. I assume if I open this, then I see the visuals. Yes, they are here though. This is not working. So you can't click on 1, 2, 3, or on the arrows. So yeah, that looks broken. If we click on the website, then we have these 3 experts that are agents that can analyze the content. We have marketing, a business analyst, and the community. Let's go with the marketing one and let's see what kind of measurable results has Daniel achieved for past projects. Okay, generates this. What if I change this to change the view for another question? Okay, let's switch to a business analyst one and go with mind map. So it extracts a lot of data, as you can see here from the source, and I just like pasted the website. But yeah, some guidance on how to use the product and how to make the most out of it, it would be great. There is the subscription also. You can switch between a light mode and it has a bit of a delay or it works the other way around. There is also a plugin and so on. Okay, let's go back to this. And if you want to revisit something, just click on it and everything is there, or it should be there. And in this case, I actually can navigate between these. So it looks that for provided, this part wasn't working, at least not here. Maybe let's see if we go back. We didn't have a school teacher, we had a marketing expert. So you can see these. So yeah, also This back button kind of blends in too much with the background. The search is moving around. If you notice, like, we have it here, but if we move to one of these, it's here. Though we would have enough space to just keep it in place. So yeah, that's— let's recap. Let's try another product. Okay, the next one is Mind Duck Discovery, an AI search platform that fuels your curiosity with interactive mind maps and so on. Let's try out Mind Duck. So straight on the homepage, there is a lot of stuff that's That's going on. This is this video takes a lot of space. The CTA is not clear, so we have try now here, but you barely notice that it's a button. Also, try discovery. This doesn't have a hover state. I assume this would be the main heading, but it's a text. It's a large image below. There is end discovery. What this thing does? Okay, it opens the product. Let's go a bit back. Some stuff for the product and testimonials, Q&A, and so on. Okay, let's try this thing out, see how it works. For account creation, they overlay this create account modal on top of the product as it looks now. There is the option to continue with Google, again, no hover state, or enter an email and continue with email. This field, it's quite easy to miss this email field. It blends a bit too much. Now it's not blending because it's like has this red stroke because I clicked on it. But as it was before, it blends a bit too much with the background and it's also a different size. So like everything looks slightly at different sizes than the other ones. It would be great to just standardize this. And hence you have this background, the image might not make any sense. So it would worth maybe trying it out, just leaving the welcome and the login to continue journey like this part of the modal on the screen and Just to remove this one. Let's try out the product. Okay, so getting to the product, I have this 10 duck chips. I have no clue what's that at this stage. So yeah, there is no context, no onboarding. Let's just click on got it. And this moves a bit further up. Like the home screen, it's quite empty, I would say. It has a hover state, but otherwise it might be quite easy to miss. The button has no hover states though. See what we have here. So we have home, bookmark, and history. These are empty, no empty states yet, or how I should, what I should do, how I should work with these. Home, it's quite the same. Okay, let's just try the impact of UX and build successful. Okay, let's see the impact of UX in building successful startups. Now this thing, it's working. So, okay, it's done. We have this. I assume this is under history. It looks like it's under history. Yes. If you go here— oh, on the home it's still just a clear thing. So I can go back here, I assume. We have these delete and bookmark options here and this share on X/Twitter. So these 2 blend quite a lot with the background. It's not that easy to notice them. There is no label even on hover or any kind of tooltip. And this is the output. You can select, you can write in, but this doesn't impact what's after this note. So Works somehow separately, I assume. You can close these. Okay, so we can, as I mentioned, you can bookmark it. If you come to the bookmark, you'll see it here. History is here. So these 2 basically are grouped together here, but on the sidebar they look separate. You can close the sidebar. What's a bit annoying with this closing the sidebar is that the close and open the sidebar button moves. So you have it on top here, then it moves here. You can start a new search, but when you click on this, it opens on top. And also this side moves. So I assume this thing, I don't know, it's either an image, though it shouldn't be because you can see my history here. Somehow this part moves a bit further up. And here you can search, it's the same thing as before. As you can see, now it goes back. And if it's closed, it looks— yeah, it's a plus. So when you open it, it's an arrow. When it's closed, it's a plus, which might be A bit confusing. Also, this is misleading in a way. I would expect that I just click here and start typing, but it's not working like that. So I click there and it opens on the main screen. Okay, that was MindDoc. We have ClamDoc. Run your business in one place. Not sure how much I can use this, but yeah, the website, it's clean, it looks nice, and they highlight the features or capabilities on the side. You can see while you scroll, you have exclusive networks and perks. Complete suite of US business and so on. Okay. And there are no hover states for this, at least not for the main CTA, but they have for the login one. And we have obviously the Product Hunt badges here. Okay. So we can create an account by email or by Google. Having these testimonials here adds a bit of a social proof for this whole thing, which is nice. Okay. So yeah, let's create an account. Yeah. So this is definitely for somebody who wants to open or owns a US company. You can select between these 2. As you might notice, this changed from how it was before to full rounded, and now it went back. Same here as I start switching, but yeah, keeping these testimonials here and the image of the product preview of the product, it's a nice touch. And then you have to fill in the company name, the ending, the company industry, and from here on you should just start a payment process, right? So we'll just stop here. TryMerge, AI agents that work for you 24/7. So they are backed by YC. They have also the Product Hunt badge here. Try for free or book a demo. Log in and get started. This doesn't have hover states. The ones here, they do. Okay, the button works. Oh, it doesn't work. It just opens this bad getaway file. A bit of a description of how the product works. I'm not sure what's with the logos here. So again, it would make sense to have a bit of a title. Just let me know, are these partners or what I can do with this. You can integrate with these. I don't know. Describe the automation, connect your app and handles the rest. They have these popular templates that you can explore, which is good. Usually these kind of templates helps a lot in setting up the users and making them understand the product or at least the value the product delivers. Okay, now this works. Awesome. Let's create an account. Okay, and we are in the product. Here are A couple of prompts, examples you can use. View chat, view activity, upgrade, what's more, apps connections and settings. Okay, we can maybe try out this one. Notify Slack about emails from Buzz. See how it goes. Okay, so basically you prompt, you add the prompt, the tool starts thinking and analyzing your request. It takes some time though. And it created this and set up the trigger and the action. Oh, okay. So what's a bit weird maybe is I'm not sure what this part does. Basically the instruction, but I can completely delete it. I'm not sure how this thing interacts with, with stuff on the top. So if trigger and action are somehow influenced by what you have here below, I can delete these, but now I don't have an option to add them back. Yeah, it looks like I don't have an option to add them back. It would be great to just have something maybe here that triggers the tools so I can add back the action that I want. Activity, Team Access, and so on. You can close this. So, obviously, from this point on, you should connect the tools. Yeah, again, if I delete something as the action, it doesn't show up and I don't really see any options to add them back. Also, I can't really find the templates. So, we have Apps, definitely. We have Connections. Like, these are the 2 connections that were suggested that you can execute from here. And then we have settings. But yeah, no option, at least I don't see any options to start with a template. And now I'm back in the home screen and I don't even have the 3 prompts anymore. Might be a bit more complicated from this point on. What's in a way, what I feel that it's missing, it's kind of the same thing as for a lot of these tools. It's like having a proper onboarding in a way, helping me set up the first, maybe the first connection or first whatever you call it, and helping or guiding me to understand the value of the Because otherwise I have to figure this out on my own, and that might be a bit too complicated, I would say. So yeah, that it would be awesome to have like a short guidance or something just to make sure that I get the product and I send the value of the product, and I can create my first first connection. Okay, then we have Humva, your easiest go-to avatar tool. So the page in itself, let's see. This doesn't work though. So the the logo usually the logo it goes back to the homepage obviously, but This doesn't work, but the homepage is actually this page. Okay, so we have a bunch of avatars which I assume you can customize or edit or something like that. Oh, when you click on that, it just goes straight to create account or login and we have to select again so it doesn't continue from what I selected. I have to do that step again. All right, there are some lifestyle options as they call it. You can also change the aspect ratio. Okay, and this is the text and the audio. Now the audio, it's a bit— I don't know, you can— I would say it's easy to feel that it's not a real human being. Okay, let's add some text. So we can change this text here, but this text doesn't affect what the avatar is saying. So we have projects and exports, which they are a bit without any context. So I don't— I'm not sure what's under projects and what exports do. So I assume export will just export a video, but since I don't have a preview for what I pasted here, I'm not sure how this thing will work or how this thing will actually look. But let's click on export. Also, when I clicked on exports under projects, the beard number 1, it generates something. I tried out the product before, this is why we have 2. So the video is generating, but kind of this is the whole product. So we have a bunch of avatars that you can customize as what they say and There is no preview. So if you change the text or if you add your own text, because obviously this is why you are here, or upload your audio file, then you have to click on export. And just after that, you can see the end result. So this would take a couple of more minutes, but this is— we believe that great— even in this situation, you can still— I would say it's quite easy to see or feel that the voice is not right, the human voice. Then we have Persona AI sales and voice agents. Okay, so we have login and book a demo, try for free now, book a demo. This button was a bit weird. They have the 3 agents here. I'm Nia. With a bit of preview, which is nice. It's nice that they have these previews. Oh, and we have the website and this looks very familiar with— wait, wait, wait, let me check once more. Might be Klemta. Yeah, with Klemta. So this layout with Title on the left side, images that scroll on the right side. It's basically this. Some metrics and they use this revenue calculator, which is a good— I assume, like I saw it in a bunch of other projects, it's a very good way to gather some email addresses and testimonials and reviews and so on and so on. Not a lot of CTAs around the page. So there are like a couple, but definitely not too many. And here, yeah, here they changed the order of the buttons. So they have try for free now and book a demo on top with book a demo being the main CTA. Here they reverse it, book a demo as the secondary CTA, then the first one, try for free now as a secondary CTA. Also here they get rid of, of the hover states, so they have no hover states anymore. And I assume this button doesn't even work. Yeah, so in the footer, book a demo doesn't even work. Try for free now looks like it's working, but again, no hover state. Okay, let's try out the product. Oh, the video, it's like, it's interesting. At least I like the fact that I can get a bit of a preview of how the product looks and works. So yeah, definitely kudos for that. Login. Okay, so for account page, it's like testimonials, very simple testimonials and a field for email. No social login. Okay. And they have this onboarding questionnaire starts with your name, Daniel. Job title, UX designer/founder. There is no skip for anything, I assume, or this most probably just closes this top bar, but there is no skip on the onboarding. And it's a bit weird that you still have access to the sidebar. Usually the onboarding kind of overlays or there's a separate page, but in this case they just put it on top and that's it. Okay, so we add our own URL. Company description. Let's copy paste there. This exploring and enrich. Why not find some new leads? Tools we use regularly. Tools we use regularly. LinkedIn. Definitely Gmail. Yeah, that's enough for now. Try out our new SalesGPT. Now this changed as you can see. Now it's an overlay, grayed out background, and I have the option to close. Okay, and search for ideal customers. And here you basically can Filter it down. They the stuff that I said, I assume. Okay, continue. The search already started, and we have we have a bunch of contacts here. This is nice. This is a bit annoying, honestly. Like you get a bit closer to the sidebar and starts to open, and there is company and people search similar to the LinkedIn Sales Navigator. You can enrich, you can access email and. So AI signals, and can we add something here? No. And you can connect and sync a lot of— at least here on the top, there are some stuff going on. So we have auto refresh, connect, another refresh, HubSpot, import data, need help, and settings, which is just one option. It would make sense probably to clean this area a bit and track companies hiring, job changes, tracking deep jobs. Also, these are the 3— honestly, it wasn't clear that these are tabs, at least not for me. Somehow I just missed it. And as I click on it, you can see things are moving around a bit. They have Autopilot as well with triggers and so on. Obviously, agents, tools, extensions, and the rest of it. So it's an interesting tool. What's a bit maybe confusing here is that we have this Get Started, which opens this thing, which is in a way, I assume, some kind of tutorials or how to actually get started with the tool. Then you have this part here, which is a checklist. And we have tutorials here. So we have a lot of like first things to tackle. It would be great to just nail this part in a way that is easy to use and understand. So maybe not have like 3 options to get started. This thing, it's like, just starts to be annoying now. So you have Get Started, you have this checklist, and you have tutorials. Maybe just have one thing that combines this or highlights the main steps that you should do. That would be helpful. Otherwise, interesting product. And yeah, definitely worth a try. And the last one for today is TypeLink. Unlock your creative potential with bento-style no-code website builder. Okay. The website, Declan. This again looks very similar to this one. Kind of the same, same-ish layout. The header looks similar. So we have the header. Nothing has hover states. Nothing has hover states here. We have some reviews. We don't know how many. The product hunt badge. So it gives a bit of a social proof here. A video, a preview of the product, some features, add link. They're not features actually. They, it's just highlighting the main steps that you take in the product. And yeah, some, some of the widgets, I assume. And this is how you create it. So create pages, custom domain, work with theme, add form, free link in the bio, work with text, highlighting features and functionalities of some. And they have, oh, they have a lot of, at least not necessarily a lot, a lot, but they have definitely have some reviews and 5 stars, which is good. It's good that they highlighted here. And one more create for free button at the top. So actually they have a hover, but the hover state is just this, that the arrow moves a bit to the right. No hover states here either. Okay. Very clean account creation. And that's it. You are in the product. And now what? Again, you have choose a template. How? These would be the templates. Okay. So this is very easy to miss that this is a template. List. Maybe some images, some previews or something like that would definitely add more value than just leaving it blank because it's very easy to miss, especially when you have also this. Let's just go with something. Let's go with this one. Okay, so we don't have an App Store or Google Play link. Go back, personal site. Okay, use this. Oh, you have access to just one and then you have to pay. Okay, and they I think that I already created one because I clicked on that one. And that's it. You, you can publish it. Okay, but how I can set this up? So, we have this personal, you have settings on how this thing looks and fonts, previewing on mobile and desktop, and home. And here you have the main menu. Okay, we can create a new one. So, this is the one that's created. We have forms, teams, settings, and No hover states for anything here as well. And here are the stuff that you can basically remove and add the widgets that you want, right? And add new ones, add links. Okay, this is cool, but it would definitely help if on the templates side there would be some highlights of the templates or some visual representation of the templates, adding some kind of hover states. Again, repeating myself, but just guiding a bit the customers and the users through the flows and product in order so they can set up this properly. Otherwise, it's not that it's impossible, but it might take some time to figure it out and some might just leave. And there is also— oh, okay, this is nice. So yeah, there is a lot of stuff that can be done and customized otherwise. So yeah, cool stuff. Thanks for watching. Hopefully you found some interesting nuggets for your own product. As you can see, a lot of the challenges are around onboarding and getting customers from landing page, a website, or whatever you have into the product and helping them understand the value of the product as, as fast as possible. So yeah, good luck building your own stuff.