CASE STUDY

Karaoke App

Type
Contest Entrant
Platform
iOS
Status
Concept

1 — Project Goal

My team had to plan and design an app which met specified contest theme criteria in three hours. The contest theme was Let's Do It Again so we decided to submit an app for karaoke duets.

2 — Target Audience

The audience for the karaoke competition app, called Let's Duet Again, are bar patrons who want to compete as teams of two against other patrons. It's not uncommon for these users to experience temporary challenges, such as decreased cognitive capacities.

Persona card for Karina, representing younger karaoke competitors who use the karaoke competition app.
Persona card for Blake, representing older karaoke competitors who use the karaoke competition app.

3 — Research & Key Challenges

No research was done for this app. We had three hours to concept an app, design it, and present it. Given our time constraints, we used Lean UX and Genius Design while keeping user-centric principles in mind. The app doesn't require logins or accounts and uses local wifi and bluetooth to communicate with other users.

4 — Initial Design Concepts & Wireframes

Hand sketches were created after ad hoc audience interviews. Wireframes were skipped due to the contest time limit.

Hand sketches for home screen, team name submission screen, and music genre selection screen.
Hand sketches for song selection and winner screen. The sketch for audience voting has been crossed out.

5 — Usability Testing

Ad hoc interviews with audience members were carried out to determine potential problems users might encounter. The app's disposable nature precludes the need for logins or saved user information, resulting in an easier experience for patrons with less than their full cognitive capacity.

Potential usability problems brainstormed with audience members.
Action directives we derived from brainstorming with audience members.

6 — Conclusion

The team, The Pun-o-matics, won 1st Place People's Choice and 2nd Place Professionals' Choice awards at Adobe Creative Jam, New Orleans. The app isn't actually built but I'd love to collaborate with interested parties in actually building it.

Karaoke competition app Adobe Creative Jam awards, won by Michael Alford and isral Duke.
Try the prototype →

Skills

Accessibility

Designing and coding within accepted standards to ensure equal access regardless of technology.

  • Accessible Markup
  • Proper ARIA
  • WCAG 2.2
  • Screen Readers

Design

Design means intentially creating for both the users’ task outcomes and the business goals.

  • Inclusive Design
  • Design Systems
  • Product Design
  • Visual Design

Technical

Technology is how we build products. We must consider feasibility, accessibility, and timelines.

  • Accessible Markup
  • Frontend
  • HTML, SCSS, CSS
  • Working within technical constraints

User Experience

This means learning about users and designing for their needs while respecting the business goals.

  • User Research
  • Information Architecture
  • Accessible Content
  • Public Speaking

Certifications

Practical Accessibility
Certified by Sara Soueidan
2025-01-07
DHS Trusted Tester
Certified by Department of Homeland Security
2024-10-28
Smart Interface Design Patterns
Certified by Smashing Magazine
2024-05-31
Designers Accessibility Curriculum
Certified by Deque University
2023-03-09
W3C Intro to Accessibility
Certified by W3C via edX
2021-12-22
Google UX Design
Certified by Google via Coursera
2021-11-24
Interaction Design
Certified by UC San Diego via Coursera
2018-05-27

Talks

Just in Time Usability

Isral Duke presents why accessibility is important for business. He also presents 10 things that site owners can do to quick check their site's accessibility and usability. Presented at a local ecommerce group lunch.

Accessible, Friendly Content

Isral Duke demonstrates how iOS and MacOS VoiceOver presents a simple web page. This talk promotes the use of semantic, meaningful markup to make a better user experience. Presented at Google Developer Groups.

Building Pelican Design System

Isral Duke presents version one of Pelican Design System. He talks about how it was created, and what's coming next in version two. Presented at SQL Saturday.

References

James Alt’s LinkedIn avatar. James Alt Chief Architect at Louisiana Office of Technology Services Kristina Truong’s LinkedIn avatar. Kristina Truong UX Designer at Louisiana Office of Technology Services Elle Waters’s LinkedIn avatar. Elle Waters Accessibility at Workday Guy J. Anglade’s LinkedIn avatar. Guy J. Anglade Director of Website Content at Morgan Stanley Patrick Rills’s LinkedIn avatar. Patrick Rills Engineering Manager at RevenueCat Glynnis Ritchie’s LinkedIn avatar. Glynnis Ritchie UX / UI and Product Designer at Flagrant Dr. James Davis’s LinkedIn avatar. Dr. James Davis Freelance client at Louisiana State University Matthew Magnuson’s LinkedIn avatar. Matthew Magnuson Managing Partner at DMM Motorsports Mike Cole’s LinkedIn avatar. Mike Cole Product Manager at Harman