At TatbiqIT, we're always seeking ways to improve our user experience and interface design, but traditional feedback methods can be time-consuming, expensive, and subjective. That's why we embarked on an innovative experiment: transforming artificial intelligence into a panel of expert design professors to critique our website.
Why We Asked AI to Evaluate Our Design
Using prompt engineering, we created AI personas for instant, diverse design feedback. This blog shares our method, prompts, and results.
How We Turned AI Into Design Professors
Using advanced prompt engineering, allows us to make the AI to think toward our goal with no distraction.
we created multiple AI personas with specialized evaluation criteria—from brutally honest assessments to cost-effective analyses and positive reinforcement reviews. This approach allowed us to gain comprehensive, immediate, and diverse perspectives on our design strengths and weaknesses without the traditional barriers of time zones, availability, or cost.
Prompt Engineering Strategy
Creating effective AI critics required careful prompt construction. We developed five distinct prompts, each designed to elicit a different type of evaluation:
- The Strict Professor Prompt: Designed to generate brutally honest, critical feedback
- The Cost-Effective Professor Prompt: Focused on practical, implementable improvements
- The Positive Professor Prompt: Aimed at identifying what's working well
- The Comprehensive Professor Prompt: Requesting a complete holistic assessment
- The Rating Professor Prompt: Structured quantitative evaluation
We used GPT-5 architecture with specialized training in UX/UI principles, ensuring our AI critics had sufficient knowledge of current design standards, accessibility guidelines, and best practices. Each prompt specifically instructed the AI to adopt the persona of an experienced design professor with particular expertise in web interface design.
We talked about Advanced Prompt Engineering earlier and if your interested in that topic we have a whole blog talking about it and make sure to read it after:
NRMC Sep 3, 2025 • 5 min read
How We Evaluate
The AI professors were asked to evaluate our website (https://tatbiqit.com/) based on established design principles:
- Visual Hierarchy - How effectively the design guides attention
- Navigation & Information Architecture - How intuitively users can find information
- Aesthetics & Brand Consistency - Visual appeal and coherent branding
- Content Readability - Text clarity and scannability
- Mobile Responsiveness - Adaptation to various screen sizes
- Loading Performance - Speed and efficiency
- Conversion Optimization - Effectiveness at guiding users toward goals
- Accessibility - Compliance with WCAG guidelines
- Emotional Impact - The feelings and impressions evoked
- Innovation - Unique and creative approaches
Prompt 1: The Strict Professor Critique
*"Act as a brutally honest senior UX/UI professor with 25 years of experience evaluating enterprise websites. You are known for your extremely high standards and minimal tolerance for design mediocrity. Conduct a detailed critical analysis of https://tatbiqit.com/blog/. Focus specifically on identifying weaknesses, flaws, and areas of deficiency. Be ruthlessly specific about what needs improvement and why these elements fail to meet professional standards. Provide concrete examples and reference established design principles in your criticism."*
AI Professor's Response:
Rating: 6.5/10 - Below expectations for a professional design resource
Major Critique Points:
- Header Navigation Deficiencies:
- The main navigation lacks clear information scent; users cannot easily predict what they'll find behind each menu item
- No visual differentiation between primary and secondary navigation elements
- Missing sticky navigation on scroll, forcing excessive scrolling to access menu options
2. Visual Hierarchy Issues:
- Insufficient contrast ratios in multiple sections, falling below WCAG 2.1 AA standards
- Overuse of similar font weights creates confusion about what elements are interactive
- Blog card designs lack visual distinction between categories and topics
3. Content Presentation Problems:
- Excerpt text appears too dense with inadequate line spacing (less than 1.5x recommended ratio)
- Missing clear content taxonomy visual indicators for different post types
- Publication dates are not prominently displayed, reducing content freshness signals
4. Performance Concerns:
- Multiple render-blocking resources in the header delaying initial page load
- Image compression appears inconsistent across blog featured images
- No visible lazy loading implementation for below-the-fold content
5. Mobile Experience Shortcomings:
- Touch targets in mobile navigation appear below the recommended 44px minimum
- Text scaling inconsistencies across viewport sizes
- Horizontal scrolling required on some card elements at certain breakpoints
"The design demonstrates basic competency but lacks the polish and attention to detail expected of professional design resources. These issues collectively create unnecessary cognitive load and compromise the user experience." - AI Professor
See our other blogs:
Prompt 2: The Cost-Effective Professor Assessment
*"Act as a practical UX/UI professor specializing in cost-effective design improvements. You focus on identifying the changes that will deliver the maximum impact with minimal development effort. Analyze https://tatbiqit.com/blog/ and provide a prioritized list of recommendations that could be implemented with less than 40 development hours total. For each suggestion, estimate the implementation complexity (low/medium/high) and predicted impact on user experience (1-10 scale)."*
AI Professor's Response:
High-Impact, Low-Effort Recommendations:
- Improve Contrast Ratios (Effort: Low | Impact: 8/10)
- Increase text-to-background contrast ratios to meet WCAG AA standards
- Particularly in footer and card text elements
- Estimated: 2-4 hours implementation
2. Optimize Navigation Clarity (Effort: Medium | Impact: 9/10)
- Add subtle visual indicators for primary vs. secondary navigation items
- Implement sticky navigation on scroll
- Include clear information scent in menu labels
- Estimated: 8-12 hours implementation
3. Enhance Touch Targets (Effort: Low | Impact: 7/10)
- Increase mobile touch targets to minimum 44px
- Add visual feedback for all interactive elements
- Estimated: 3-5 hours implementation
4. Content Freshness Indicators (Effort: Low | Impact: 6/10)
- Make publication dates more prominent
- Add "new" indicators for recent content (within 14 days)
- Estimated: 2-3 hours implementation
5. Image Optimization (Effort: Medium | Impact: 8/10)
- Implement responsive images with modern formats (WebP)
- Add lazy loading for below-the-fold images
- Establish consistent compression standards
- Estimated: 6-8 hours implementation
Total Estimated Implementation: 21-32 hours
"These targeted improvements would significantly enhance usability while respecting budget constraints. Focusing on these high-impact areas would yield a disproportionate return on investment compared to more extensive redesign approaches." - AI Professor
Prompt 3: The Positive Professor Evaluation
"Act as an encouraging UX/UI professor who specializes in identifying and reinforcing design strengths. You believe in positive reinforcement and highlighting what works well. Analyze https://tatbiqit.com/blog/ and provide a detailed assessment of what the design does exceptionally well. Focus on successful implementations, effective design choices, and elements that exceed expectations. Explain why these elements work so effectively and how they contribute to an outstanding user experience."
AI Professor's Response:
Exceptional Design Elements:
- Consistent Brand Identity:
- The site maintains excellent visual consistency across all pages
- Color scheme is applied systematically throughout all elements
- Typography hierarchy remains coherent across different page sections
- This consistency creates a professional, trustworthy impression
2. Effective Content Organization:
- Blog cards provide clear visual categorization of content
- The grid layout maintains excellent balance and proportion
- White space is used effectively to reduce cognitive load
- The organization makes content discovery intuitive and effortless
3. Pleasing Aesthetics:
- Modern, clean design approach feels contemporary without being trendy
- Subtle animations provide engagement without distraction
- Color palette creates appropriate mood for a design resource
- Overall visual design competes with industry-leading design blogs
4. Strong Information Architecture:
- Content taxonomy is logically organized and easily understandable
- Users can quickly comprehend the scope and focus of available content
- Navigation structure supports both exploration and targeted finding tasks
- The architecture successfully accommodates growing content volumes
5. Technical Implementation Quality:
- Layout shifts are minimal during loading
- Responsive transitions between breakpoints are smooth
- No observed console errors or functionality breakdowns
- The site demonstrates professional development standards
"This design exemplifies how thoughtful execution of fundamental design principles creates exceptional user experiences. The team should be particularly proud of the consistent brand expression and sophisticated content organization." - AI Professor
Prompt 4: The Comprehensive Professor Analysis
"Act as a holistic UX/UI professor with expertise in complete website evaluations. You consider all aspects of design from visual appeal to technical implementation. Provide a comprehensive assessment of https://tatbiqit.com/blog/ that covers both strengths and weaknesses across all relevant design dimensions. Structure your analysis with clear sections and provide balanced commentary that acknowledges what works well while identifying areas for improvement. Include specific recommendations for enhancement."
AI Professor's Response:
Visual Design (B+)
Strengths: Cohesive color scheme, appropriate typography hierarchy, excellent use of white space, modern aesthetic appeal
Improvements: Increase contrast ratios for accessibility, add more distinctive interactive states, enhance visual distinction between content categories
Information Architecture (A-)
Strengths: Logical content organization, clear navigation paths, effective categorization system, scalable structure
Improvements: Add sticky navigation, improve information scent in menu labels, include breadcrumb navigation for deeper content pages
Content Presentation (B)
Strengths: Readable typography, appropriate content density, effective use of imagery, clear hierarchy
Improvements: Increase line spacing for body text, enhance content freshness indicators, improve scannability with more bullet points and subheadings
Mobile Experience (B-)
Strengths: Generally responsive layout, maintained functionality across devices, readable text sizing
Improvements: Increase touch target sizes, optimize image loading for mobile networks, enhance mobile-specific navigation patterns
Performance (B)
Strengths: Minimal layout shifts, generally good loading times, functional across browsers
Improvements: Implement lazy loading, optimize image compression, reduce render-blocking resources, leverage browser caching more effectively
Accessibility (C+)
Strengths: Semantic HTML structure, generally keyboard navigable, form labels present
Improvements: Enhance contrast ratios, improve screen reader support, add skip navigation links, ensure complete keyboard access to all interactive elements
Overall Assessment: The design demonstrates strong fundamental principles with particular excellence in visual consistency and information architecture. Priority improvements should focus on accessibility enhancements and mobile optimization.
Prompt 5: The Rating Professor Scorecard
Our Prompt:
"Act as a quantitative UX/UI professor who specializes in measurable design evaluation. You use detailed scoring rubrics to assess website quality. Create a comprehensive rating scorecard for https://tatbiqit.com/blog/ across 10 key design dimensions. Use a 10-point scale for each dimension and provide weighted overall score. For each dimension, include specific criteria for why you assigned that score and what would be required to achieve a higher rating."
AI Professor's Response:
Design Evaluation Scorecard
Overall Weighted Score: 7.91/10 - B+
Grading Scale Reference:
- 9.0-10: A (Exemplary)
- 8.0-8.9: B (Good)
- 7.0-7.9: C (Adequate)
- 6.0-6.9: D (Needs Improvement)
- Below 6: F (Failing)
"The website performs well overall, particularly in aesthetics and information architecture. To reach an A rating, focus on accessibility improvements, mobile optimization, and adding innovative elements that distinguish the experience from competitors." - AI Professor
Key Takeaways and Implementation Plan
Our experiment with AI design professors yielded fascinating insights that traditional feedback methods might have missed. The consistency across different AI evaluations was remarkable—each professor identified similar core issues despite their different specializations and perspectives.
The most consistent recommendations included:
- Improving accessibility through better contrast ratios
- Enhancing mobile experience with larger touch targets
- Optimizing performance through image compression and lazy loading
- Strengthening navigation with sticky menus and clearer information scent
The Value of AI in Design Critique
This approach demonstrated several advantages over traditional design evaluation methods:
- Immediate Feedback: Instead of waiting days or weeks for design reviews, we received comprehensive feedback within minutes
- Cost Effectiveness: The AI critique process was significantly more affordable than hiring multiple design experts
- Diverse Perspectives: By creating different professor personas, we gained multiple specialized viewpoints
- Objectivity: The AI evaluations were based on established design principles rather than personal preferences
Implementation Roadmap
Based on these recommendations, we've prioritized the following improvements for our website:
- Short-Term fixes (Next 2 weeks):
- Increase contrast ratios for better accessibility
- Optimize image compression and formatting
- Enhance touch target sizes for mobile users
2. Medium-Term enhancements (Next month):
- Implement sticky navigation
- Add lazy loading for images
- Improve content freshness indicators
3. Long-Term improvements (Next quarter):
- Conduct user testing to validate AI recommendations
- Develop innovative interactive elements
- Create personalized content experiences
Final Thoughts
While AI cannot completely replace human design expertise, our experiment demonstrates its tremendous value as a supplemental evaluation tool. The ability to receive immediate, affordable, and diverse professional feedback accelerates iteration cycles and enhances decision-making.We encourage other design teams to explore this approach—not as replacement for human expertise, but as augmentation that makes the design process more efficient and effective. The future of design evaluation likely lies in combining human creativity with AI's analytical capabilities to create exceptional user experiences.
