KINDYBOOK WEB APPLICATION


UI / UX DESIGN

PROFESSIONAL PROJECT - 3CS SOFTWARE

UX DESIGNER

view image

Kindybook is an application that allows parents to keep up to date with the different curriculum activities that there children part take in at kindergarten. Kindybook works similar to Facebook with a news feed feature for all or select children of the parents. I was on the design team primarily as a user interface and user experience designer for the application.

The application already had a skeleton layout for a basic test version. My assignment was to redesign the layout and user interface so that it could be submitted for testing and implementation.

view image

view image

view image

DESIGN PROCESS

RESEARCH, CONCEPT, AND DESIGN

As this project had a lot of similar feature concepts to Facebook, it was my first point to begin research for this type of application. The research conducted was to identify common practices used in Facebook that could be applied to Kindybook, but also to identify concepts that be suited and unique to Kindybook.

This research allowed me to create a both feature list and a list of major functions that needed to be prioritised for testing an MVP(Minimal Viable Product). One of these features that was conceptulised was the news feed filter for the parents. This feature allowed parents to swap between news feed of a particular child or number of children.

RESPONSIVE DESIGN AND MOBILE DEVICES

After testing the desktop version of the application and implementing changes from testing results, the next stage of the Kindybook design was to migrate it's design to mobile. This involved a similar process to creating the desktop version, but the research was undertaken to see how other applications had implemented similar features from desktop to mobile.

Further wire framing was conducted to ensure that the major functionality requirements were accounted for in the mobile design of the application. A lot of careful consideration and research went into the design of the comments system and how post title information(title, time, author) was displaying in the mobile design.

FINAL ADJUSTMENTS

Final adjustments for the application were made after a internal team review, and testing results had been received. Results from the user testing had been positive with only a small number of changes that need to be implemented. The majority of this stage was spent polishing the final product and creating pattern libraries for the software developers.

A considerable amount of polish was focused on the comments section of each post, as this was where the majority of in depth interaction with the application would happen between the users. Aspects that were fined tuned in this stage, were differentiating a users comments to other parents and staff, the level of detail with comment time stamps, and displaying new messages to the user without being intrusive to the rest of the UI.

PREVIOUS

RUSSELL FITOUTS & CABINETS WEB DESIGN

NEXT

RAISING THE BAR WEBSITE DESIGN