Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
AI-assisted Wireframing: Comparing AI and Human Approaches to UX Wireframing: Evaluating Usability Through Heuristics and Cognitive Principles
Jönköping University, School of Engineering.
Jönköping University, School of Engineering.
Jönköping University, School of Engineering.
2025 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

With a focus on UI element placement and structural logic, this study looks into the differences between wireframes created by AI and those created manually. It is important to determine if AI technologies like Uizard improve or hinder the design process as they become more integrated into design workflows. This study used a qualitative research approach to explore how users interact with AI-assisted design tools versus manual wireframing. Through heuristic evaluations, screen/audio recordings, and post-task interviews with both experienced and novice designers, the research examined user experiences, cognitive load, and design decision-making based on principles like Hick’s Law and choice overload.

The results showed that AI-generated wireframes often created clean and well-organized layouts that helped reduce choice overload and simplified user interaction. However, they also sometimes missed important details and required well-structured prompts to work effectively. Designer feedback showed that while AI tools like Uizard can speed up early design stages and offer inspiration, they still lack the deeper user understanding and creative flexibility found in manual designs. Overall, AI-assisted wireframing can serve as a useful starting point but still needs human input to achieve optimal usability.

General terms such as heuristics and user-centered design that are used throughout this study are primarily judged through the lens of choice overload- and cognitive load (informed by Hick’s Law), speed of completing tasks, and subjective satisfaction.

Place, publisher, year, edition, pages
2025. , p. 60
Keywords [en]
AI-assisted wireframing, UX Design, Human-Computer Interaction (HCI), Heuristic Evaluation, Hick’s Law, Choice Overload, Cognitive Load
National Category
Computer and Information Sciences
Identifiers
URN: urn:nbn:se:hj:diva-68933OAI: oai:DiVA.org:hj-68933DiVA, id: diva2:1975289
Presentation
2025-05-26, Jönköping, Sweden, 09:00 (English)
Supervisors
Examiners
Available from: 2025-07-01 Created: 2025-06-23 Last updated: 2025-10-13Bibliographically approved

Open Access in DiVA

AI-assisted Wireframing - Frej, Isac and Mia(3500 kB)176 downloads
File information
File name FULLTEXT01.pdfFile size 3500 kBChecksum SHA-512
0e6b541f38d19c83e4d2e21be33f8bc80c7b9f8e3c2ae09a2b58a5aeb5ce6961f9f3ccfb9fadccd39adc91781842a024bd1a61b87070e8e6254c01ea1220dcee
Type fulltextMimetype application/pdf

By organisation
School of Engineering
Computer and Information Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 178 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 689 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf