At the end of April 2017 we rolled out improvements to the UI of the Codeship application. As we continue to make improvements to Codeship, it is also crucial that we iteratively improve the design and user experience as well.
Staying true to our Core Values, we've carefully tracked our users' feedback and used it to help shape the designs you see below. Special thanks to all our users who have submitted feedback, and also our customers like InVision who provided input in the prototyping stages of the design process.
Updates for the New Codeship UI
Redesigned navigation
Redesigned Organization Dashboard
New Projects overview page
Redesigned build detail page for Codeship Basic
Redesigned build components
Redesigned navigation
We redesigned our navigation to provide easy access to the most important pages and actions.
The most important changes are outlined below:
Dashboard: Overview of all builds happening in your organization
Projects: Overview of all projects and the most recent build activity
Support: Find help, resources, further information, and application health status
User Settings: Configure your user settings
Redesigned Organization Dashboard
The updated Organization Dashboard provides a simple build list for better readability and build overview. We’ve also taken the opportunity to make the Organization Dashboard mobile friendly.
The redesign of this page focused on the following features:
Simplifying build list for better readability and build overview
Auto-updating build statuses
Auto-incrementing timestamps for running builds
Reduced clutter by removing the sidebar
Responsive design that works on any screen size
Clearly indicating Basic or Pro builds
New Projects overview page
The updated Projects page provides a simplified overview of all your projects in the order of the most recent build. We’ve also built the search on this page to be lightning fast so you can find the project you’re looking for faster than ever.
Redesigned Build Detail page for Codeship Basic
The Build Detail page for Codeship Basic has been redesigned with these features:
Coherent and consistent design of the build component
Improved context of what build/branch/project you're looking at
Improved log file readability by removing the sidebar and increasing space for the log
Responsive design that works on any screen size
Redesigned build components
Build components and actions are now easier to use and are consistent throughout each page of the application.
Keyboard Shortcuts
On pages except /projects/ page: Go to /projects page: gp
On /projects page: Return from to previous page: ESC
Navigation between projects: arrow keys
Selection of active project: Enter
This update was the first change in an ongoing series of improvements we plan to roll out to Codeship users in 2017. Every change we make is to improve your Codeship experience, and we appreciate your patience as we roll out these changes.
As always, if you have questions or comments for us, we would love to hear from you. Please send us an email at design@codeship.com.