Desktop

Desktop devices are preferred by users who are looking to view full galleries with an entire description of the work, fully understand the context behind a CAM student's design process, and for students to display their personal gallery to be represented correctly by the school and the website.

Mobile

Mobile devices are preferred by users who want to navigate the interface smoothly and find content efficiently and fast, and for users that want gather inspiration and resources from current students.

Tablet

Tablet devices are preferred by users who want to check their work and update their exhibition and make visual changes anywhere. Tablet users may also prefer this device to view work processes of an artist to influence their decision to hire a student for commision.

Wireframe Sketches

Sketches and work process of the prototype.

User Needs

We looked to understand user needs and developed specific user goals to enhance the end solution of our prototype.

Representation

Students/alumni need a way to gain exposure to industry professionals and recruiters by showcasing their digital portfolios.

Impact

Users need to learn about the impact of the CAM program, showcasing the curriculum and the effects of the CU Denver digital design program.

Engagement

Users need a feeling of online engagement and a sense of community.

Responsiveness

Users want a smooth digital experience through responsive design, user interaction, and clear organization of the navigation bar.

Immersiveness

Users feel a need for an immersive experience that feels cohesive to the purpose of the showcase

Community

Art enthusiasts and community members need a way to view and engage with the creative output of students/alumni.

User Goals

Here is additional user goals determined through research, ideation, and assumptions.

Device Rationale

Mobile

  • Filter option/contextual menus
  • Minimized text
  • Enlarged images
  • Minimized elements
  • Hamburger menu
  • Accordion

Tablet

  • Similar navigation to mobile devices
  • Hybrid layout
  • More descriptive text for process of a design/work/product
  • Normal sized images
  • Full gallery view zoom adjustments with to specified device

Desktop

  • Hire artists for commission
  • Breadcrumbs
  • Curated menu
  • Year filter
  • Full description of artwork
  • View full galleries

Final Assumptions

Verdict

Our competitive analysis indicates that a simple but immersive website will create uniqueness in the interface. Elements such as imagery, video, and animations can create a positive user experience. Additional desk research has indicated a lack of uniqueness can create disassociation within a website. A popular reason why users visit other online showcases and collections is for both intellectual and inspiration purposes, either for a visitor’s own research or inspiration.

Credibility is also a huge factor, as we are showcasing other peoples work and contact information. The goal of this interface is to make sure that it has a purpose and that it accomplishes its goal of user interaction.

Being able to avoid frustrations, whether it comes from the user or the people being displayed, a set of guidelines and ideas should be laid out. Our main goal is to showcase student work, then our main question is, how can we do that effectively, etc.

Flow Chart

Additional questions?

References

Garett, Renee et al. 2016. “A Literature Review: Website Design and User Engagement.” Online journal of communication and media technologies vol. 6,3. 1-14. https://pmc.ncbi.nlm.nih.gov/articles/PMC4974011/

Aspandi, Decky et al. “User Interaction Analysis through Contrasting Websites Experience.” Department of Analytic Computing Universitat Stuttgart. https://arxiv.org/abs/2201.03638?

Lee, Brian et al.” Designing with Interactive Example Galleries.” Stanford University HCI Group. https://hci.stanford.edu/publications/2010/examples/lee-chi2010-examples.pdf

Singh, Abhijeet. 2022. “UI/UX Case study — Journey of building an Art gallery app.” Medium. https://medium.muz.li/ux-case-study-journey-of-building-an-art-gallery-app-b90d3afad2ac

MacDonald, Craig. "Assessing the user experience (UX) of online museum collections: Perspectives from design and museum professionals." MW2015: Museums and the Web 2015. Published February 1, 2015. Consulted February 11, 2025. https://mw2015.museumsandtheweb.com/paper/assessing-the-user-experience-ux-of-online-museum-collections-perspectives-from-design-and-museum-professionals/

Villaespesa, Elena. 2019. “Museum Collections and Online Users: Development of a Segmentation Model for the Metropolitan Museum of Art.” Visitor Studies 22 (2): 233–52. doi:10.1080/10645578.2019.1668679.

“What Is Web Ui Design? How to Design Great Website Ui.” Flying Bisons. Accessed February 12, 2025. https://flyingbisons.com/blog/what-is-web-ui-design.

Dix, Alan. 1999. “(PDF) Design of User Interfaces for the Web.” ResearchGate, https://www.researchgate.net/publication/2510733_Design_of_User_Interfaces_for_the_Web.