Evolution

Introduction

https://raw.github.com/gnome-design-team/gnome-icons/master/apps/hicolor/256x256/apps/evolution.png

Evolution is a personal information management application that provides integrated mail, calendaring and address book functionality.

Designers

Simon Baconnais

Status

  • {*} Refresh icons done

    {*} Global design in progress

    {*} Design in progress for Mail

    {o} Needs design for contacts

    {o} Needs design for calendar

    {o} Needs design for tasks

    {o} Needs design for notes

    {o} Needs implementation

    {o} Implementation in progress

    {o} Stable

Objectives

Goal

Evolution is a historical GNOME application that deserve a UI refreshing.

Primary

Refresh old icons

Secondary

Refresh whole UI

Design

Global

Current

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Global/Global old.png&x=1853&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

The current UI for GNOME Evolution is complex and many elements stole a lot of space. Important information is overwritten by the icons and secondary information.

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Global/Global old analysis.png&x=1853&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

1. Too much space stolen by elements that should be hidden by default.

2. Too much place taken by misplacing.

3. Less than 50% space is left for central information and small screens.

Proposal

Gnome Shell

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Global/Global headerbar proposal.png&x=1869&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

1. Gain place by resizing elements - Status bar and search bar are reduced.

2. Gain place by moving elements - Apps bar move from left to top.

Others

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Global/Global non headerbar proposal.png&x=1869&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Mail

Current

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail old analysis.png&x=1853&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

1. Important information not highlighted or lost in so many colors and icons

2. Some action buttons should be contextual

Too much place is taken by misplaced or oversized elements. The user interface is confused with action icons all in the same place. Too many colors cause important information to be lost in the crowd.

Home Proposal

General

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail home.png&x=1853&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

1. Important information is valorized by colors and are no more lost in the crowd.

2. Action buttons are contextualized.

Reply options

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail Reply menu.png&x=1869&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Search action

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail Search button.png&x=1869&y=931&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Select action

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail Select.png&x=1869&y=879&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Add menu

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail add menu.png&x=1869&y=879&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Possible Future

Conversation view

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail conversation view.png&x=1845&y=944&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Slide In Mail view

https://cloud.openmailbox.org/index.php/apps/files_sharing/publicpreview?file=/GNOME/Evolution/Design/Mail/Mail slide in mail view.png&x=1845&y=944&a=true&t=Yq8cCTDIm0PuZUd&scalingup=0&forceIcon=0

Contacts

Current

Proposal

Agenda

Current

Proposal

Tasks

Current

Proposal

Notes

Current

Proposal

Resources

SVG / PNG files

Design/Apps/Evolution (last edited 2015-11-20 16:00:13 by Simon Baconnais)