50
points
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.
It's pretty simple to use - just go to https://uxaudit.vercel.app and enter your homepage or landing page URL.
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).
Please let me know your thoughts and suggestions on how to improve it.
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.
I suspect that teams at Figma, Canva, Adobe, and others are already working on it.
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.
It feels so great to live in the future.
Currently it's about:
* Rendering the screenshot (urlbox): $0.02
* GPT-4V 1K input tokens = $0.01
* GPT-4V 1K output tokens = $0.03
* GPT-4V Vision pricing (per image size): $0.008
Total: 6.8 cents per a single audit
May not seem like much, but I see a lot of traffic coming from HN, so say 10K people use it, it'll cost $680...
This Hacker News post could have cost $1,000+ if the API rate limit hadn't kicked in. Oh well, silver linings...
Since almost no one could use the app (too many people, and not enough quota from OpenAI), I added a $1.99 one-time payment per audit. This would probably decrease the number of users and also help cover the insanely high costs.
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.
I'm now going to add uptime monitoring
It's really weird that you've seen an Apache2 landing page, as this page is hosted on Vercel.
Do you still get an error message while visiting the same page?
Edit: Oh I see I'm in Tier 3 and the RPD limit on vision preview is still 100/day. Guess that's just it for now. It is labelled preview after all.
Just deployed a version that shows some UI indications of OpenAI limit errors.
Error: 429 Rate limit reached for gpt-4-vision-preview in organization org-... on requests per day (RPD): Limit 100, Used 100, Requested 1. Please try again in 14m24s. Visit https://platform.openai.com/account/rate-limits to learn more.
Just deployed a version that shows some UI indications of OpenAI limit errors.
Please try again later today.
I found this cool tool that offers advice on webpages. Here's what it said.
Suggestions
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
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
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
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
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
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
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
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
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
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