Tag: CoffeeBoy UX Design

CoffeeBoy Surface, Part VIII

This is the eighth and last part in a series of posts presenting the visual design of the CoffeeBoy UI. As a closing of the whole user experience design process the above screencast shows a short journey through the created screen prototypes. Enjoy and stay tuned for future posts dealing with the development of the CoffeeBoy UI 🙂

CoffeeBoy Surface, Part VII

CoffeeBoy UI Screen Widths

This is the seventh part in a series of posts presenting the visual design of the CoffeeBoy UI. The recent posts presented CoffeeBoy UI pages supporting xsmall and small screen widths. That is: mobile and tablet screen widths up to 960 pixels. This post shows a choice of pages for larger (medium, large and xlarge) screen widths. See above picture and this post for details about the screen widths.

Read More

CoffeeBoy Surface, Part VI

CoffeeBoy UI Side Nav

This is the sixth part in a series of posts presenting the visual design of the CoffeeBoy UI. In this post we’ll see all pages which can be found under the Inventory and Maintenance menu items in the Side Nav (see above picture). To learn more about the particular data and function elements on these pages, see this and this post from the skeleton plane.

Read More

CoffeeBoy Surface, Part V

CoffeeBoy UI Side Nav

This is the fifth part in a series of posts presenting the visual design of the CoffeeBoy UI. In this post we’ll see all pages and some page states which can be found under the Coffee Recipes menu item in the Side Nav (see above picture). To learn more about the particular data and function elements on these pages, see this and this post from the skeleton plane.

Read More