I got seriously fascinated by the new GPT-4 Vision API introduced on OpenAI DevDay, so I decided to build a UX Audit tool with it.<p>It's pretty simple to use - just go to <a href="https://uxaudit.vercel.app" rel="nofollow noreferrer">https://uxaudit.vercel.app</a> and enter your homepage or landing page URL.<p>I'm using urlbox to get a screenshot of your page, then I utilize GPT-4V to analyze the screenshot and find potential usability and conversion issues. It also suggests solutions and highlights the relevant problem areas in the screenshot (although the position is sometimes inaccurate).<p>Please let me know your thoughts and suggestions on how to improve it.
Love the idea. Simple and beautiful.<p>As GPT is used in all text-related activities to give feedback to the writer, GPT-4V in the future will be applied to all websites, posters, book covers, graphs, plots, design of hardware devices, movies, computer games, etc.<p>I suspect that teams at Figma, Canva, Adobe, and others are already working on it.<p>It looks like GPT-4V is not just another model but a change in infrastructure, unlocking new possibilities and new "blue oceans." as any good new multi-modality.<p>It feels so great to live in the future.
Good stuff! I actually had the same idea as I was building a custom GPT. Not as slick as your effort but if you want to take a look: <a href="https://chat.openai.com/g/g-lwQixzKwd-web-optimizer" rel="nofollow noreferrer">https://chat.openai.com/g/g-lwQixzKwd-web-optimizer</a>
I tried to use this and it showed me an apache2 landing page instead of my app website, which led me to realise my app site had been down for at least a day because apache had actually crashed due to nginx using port 80 (I don't even use nginx so not sure what the heck happened)<p>Anyway, not the success story I'd hoped to post here, but it definitely solved at least one problem I didn't know I had.<p>I'm now going to add uptime monitoring
Neat. I think Aaron Levie (CEO of Box) pointed out this capability of GPT-4 on Oct 13: <a href="https://twitter.com/levie/status/1712882032290807835" rel="nofollow noreferrer">https://twitter.com/levie/status/1712882032290807835</a>
"Please let me know your thoughts and suggestions on how to improve it"<p>I found this cool tool that offers advice on webpages. Here's what it said.<p>Suggestions<p>Problem:The page has a lot of unused white space which can make the content seem sparse
Suggestion:Utilize the space more effectively with visuals or additional information about the service
DESIGN
USABILITY<p>Problem:The headline "Instant UX audit for your landing page" is generic and doesn't convey a unique value proposition
Suggestion:Refine the headline to clearly articulate what makes this service unique or better than competitors
MESSAGING
BRANDING<p>Problem:The subheading "Get actionable suggestions to improve your usability, conversion and messaging" is informative but lacks impact
Suggestion:Make the subheading more compelling by including specific benefits or outcomes users can expect
USABILITY
MESSAGING<p>Problem:The page lacks content that could be indexed by search engines for better discoverability
Suggestion:Add more descriptive text, headings, and keywords relevant to the service for SEO purposes
USABILITY
SEO<p>Problem:There is no clear indication of what happens after entering a URL
Suggestion:Provide a brief description or visual cue about the process that follows the URL submission
USABILITY
CRO<p>Problem:The input field for the URL lacks a label, which may confuse users
Suggestion:Add a clear label above the input field to indicate where users should enter their URL
USABILITY
CRO<p>Problem:The color contrast between the background and the input field is low, which may affect visibility for some users
Suggestion:Increase the contrast to make the input field more prominent
DESIGN
USABILITY<p>Problem:There are no alternative text descriptions for interactive elements, which is important for screen readers
Suggestion:Ensure all interactive elements have descriptive alt text for accessibility
USABILITY
ACCESSIBILITY<p>Problem:The call-to-action button "Start UX Audit" is not immediately visible without scrolling
Suggestion:Move the call-to-action button higher up on the page to ensure it's seen without scrolling
USABILITY
CRO<p>Problem:The page does not provide any social proof or testimonials which can help build trust
Suggestion:Add customer testimonials or logos of companies that have used the service