---
title: A Few Hoptoad UI Adjustments
teaser: Updates on the visual appearance of Hoptoad.
tags: design,airbrake
author: Kevin Burg
published_on: 2009-07-16
---

Since we launched the Hoptoad redesign we've been discussing ways to improve
usability which has lead to a few changes as well as some new features. Below is
an overview of some of these changes:

## Error Index

![hoptoad ui](http://images.thoughtbot.com/ui/2009-7-15-hoptoad_ui_1.jpg)

1. **Rails environment indicator**: in order to save space we trimmed the
   environment to the first character which will expand when you hover over it.
   Additionally we added the environment indicator to the project error view.
1. **Nicely truncated error messages**: error messages are now longer than
   before and truncated based on the width of your browser. Go ahead and
   maximize the window to your 30 monitor and enjoy.

## Error show page

![hoptoad iu](http://images.thoughtbot.com/ui/2009-7-16-hoptoad_ui_2b.jpg)

1. **Sensible left column**: We've limited the information on the left to be
   more global in nature.
1. **Error message**: We moved the error message to the main column and grouped
   it with similar information. This allows it to display in a full and
   unencumbered form.
1. **Navigating errors**: You can now navigate through similar errors using
   these handy buttons.
1. **Link to GitHub**: This button will take you directly to the file in
   question if it's available in GitHub.

We're continuing with improvements throughout the app in order to make daily use
of Hoptoad as pleasant as possible. As always, thanks for _riding the toad_.

FYI: _Hoptoad/Airbrake was sold to RackSpace and is now called [Airbrake Bug Tracker](http://airbrake.io)_.