DEV Community

Cover image for ChickenVision🐔👀: UI/UX Research and Design Update
HlexNC
HlexNC

Posted on • Originally published at github.com

ChickenVision🐔👀: UI/UX Research and Design Update

Hello again, dev.to community! 👋

We're back with another update on our hackathon project, ChickenVision🐔👀. In our last posts, we introduced the concept and shared a research update. Today, we are excited to present the UI/UX design for our eye-catching mobile app!

UI/UX Design Example

Key UI/UX Design Elements 📱

Record Button Placement 🎥

To ensure a comfortable user experience, especially given the size of modern mobile phones, we have strategically placed the record button on the right edge of the screen. This positioning allows for better grip and accessibility, accommodating users with smaller hands and reducing the need to use both hands.

Button and Menu Positioning 🤳

Our design prioritizes screen real estate and minimizing interference with the primary video view. We placed buttons and menu options intuitively to allow users to focus on capturing the scene without distractions.

Filming Diagonally 📐

The app's UI caters to diagonal filming, allowing users to capture various angles while maintaining easy access to the record button and other functionalities.

Diagonal Filming

Future UI Feature ⏰

We plan to introduce a lock feature, enabling users to record without holding the record button, further enhancing user experience.

Lock Feature


Stay tuned for more updates on ChickenVision, and don't hesitate to join us in making this project a reality! Visit our GitHub organization projectPavoculus for more details about ChickenVision and our other projects.

As always, we appreciate your feedback and questions. Please leave a comment or reach out to us directly. Let's continue having fun with ChickenVision! 🐔🚀

Happy coding,

The Pavoculus team 🦃

Top comments (1)

Collapse
 
hlexnc profile image
HlexNC

For more research details visit our ChickenVision mobile application repository

GitHub logo projectPavoculus / chickenvision-mobile-app

This repository contains the source code for the mobile app developed for Android phones.

ChickenVision Mobile App

Welcome to the ChickenVision mobile app repository! This repository contains the source code for the mobile app developed for Android phones. The goal of this project is to use augmented reality to replace faces in a crowd with a chicken helmet.

Overview

The ChickenVision mobile app is built using Kotlin, a modern and efficient programming language for Android app development. The app also uses Python for video processing, AWS for cloud computing and server hosting, and Amplify for backend development.

The app allows users to point their phone's camera at a crowd and replace all the faces with a chicken helmet using augmented reality technology. The app also includes features such as image recognition software and a server or cloud service to process the images.

Planned UI/UX

Details on UI/UX

Record Button Placement

Considering the size of modern mobile phones, placing the record button at the bottom…