Krikey

AR Mobile Game Design




My role: UX Designer


CONTEXT


Krikey is a AR mobile gaming platform that offers a variety of augmented reality games. With partners such as the National Audubon Society and Sony, Krikey strives to be the Netflix of AR gaming, offering a variety of AR experiences on a single unified platform.

I was brought on as the primary Unity UX Designer (August 2020–) to:

  • innovate and ideate new game features
  • design, prototype, and wireframe in-game experiences
  • analyze user data
  • develop and reinforce a design system for the Krikey platform



VIDEO REACTION FLOW REDESIGN


Krikey, a gaming platform with a large existing user base, is seeking new ways to socially engage users and build community within the app. 


🧐


Problem

The existing AR video creation flow was rarely used by users becuase of its inaccessible user experience. 

🧠


Insights

How do we encourage users to create and share video content?

🤩


Solution

Re-design the existing video creation flow to allow users to intuitively create, edit, and upload videos.




01 ENTERING THE VIDEO CREATION FLOW


1.1 Old Designs


Users would have to tap on the half tile, then tap again the bird honeycomb to enter a video recording flow, which wasn’t clear to users.



1.2 Re-Design




01 NAVIGATION


In the redesign, I created a video creation CTA that sits on the bottom right corner of the homepage









02 SELECTION


The CTA leads into a searchable bird selection screen that allows users to easily and clearly select the bird they want to record in AR.




02 RECORDING



I standardized the buttons on this screen so the major actions– redo, next, and record– are all easily accessible from the bottom row. I also included a progress bar at the top that visually denotes how much time the user spent recording the AR bird versus their own reaction.



03 VIDEO EDITING



I created a bottom navigation to house all the editing features and allow users to see what’s available at a glance. Adapted the carousel to dynamic drawers that house tappable elements such as stickers and hashtags for easy addition. I also standardized the colors to a primary pink and secondary blue to increase accessibility and decrease visual clutter.



04 POSTING

Previously, when users tapped ‘done’ on the top right corner, the video would automatically start posting to the video feed, leading to a lot of accidental uploads. In the re-design, after the user taps done, they are taken to a final screen where they can preview their video, with options to post to the video feed or externally share (download, send through SMS/other social media apps). 




GOALS/OBJECTIVES


⭐️


Direct users to create videos with a clear CTA on the homepage

⭐️⭐️


Streamline the process of allowing users to select which bird they want to record in AR

⭐️⭐️⭐️


Simplify and declutter the UI, reinforce Krikey branding




METRICS OF SUCCESS


  • Number of users who interact with the video creation feature
  • Number of videos generated by users
  • Number of videos posted to the video feed
  • Number of users who drop off before completing their video
  • Time spent in the video creation flow