A Review of ErrorSnitch.com – online exception storage by Aurimas Adomavicius

Homepage is the weak spot

  • Aurimas Adomavicius

    Aurimas Adomavicius

    Rank: 1 Elite

    4705

    • Design: 3
    • Purpose: 5
    • Originality: 3
    • Engagement: 2
    2 Votes
    This review has been awarded.
    Homepage is the weak spot

    Posted on Sep 16, 2010 at 5:58 PM

    Hi there!

    Pretty excited to see you guys here as Concept Feedback uses ErrorSnitch! Good work and kudos to you!

    Homepage I think this is the weakest page from the site and mainly because of the clutter, lack of white space, and inappropriate use of fonts. :) Even if you are fancy with your TypeKit webfonts.

    I like the humor, but some of these things might be a bit over the top if you ever decide to sell it as a service.

    I think the content and explanation of the steps is good, it just needs to be reorganized a little. I also think that while there probably are people who don't know how to handle exceptions, there are those who do but in inefficient ways. We used to catch exceptions and send an email on each exception... which would result in hundreds of emails on a high volume site. We actually even had some groundwork done to create a service such as this internally, but then you guys popped up and that's that. :)

    What I think you should also do on the homepage is explain WHY it's good to do what you guys offer to do. You should mention the grouping, frequency of error, and intelligent notifications.

    I attached a simple layout which should unclutter things... ignore the obvious issues with spacing, typography and all that - but I just wanted to give you some direction that would make the message much clearer.

    I really don't have any beef with the UI of the system as it's well thought out and informative.

    Thanks for a great tool!

    • sample.jpg
    • Ionut Resetar
      Ionut Resetar commented:
      Posted: on Sep 17, 2010 at 8:47 AM

      very nice mockup

    • John K.
      John K. commented:
      Posted: on Sep 20, 2010 at 9:28 PM

      Hi Aurimas!

      We saw you in our user list and knew you wouldn’t be able to stand aside from reviewing our service anyway, so we saved $100 on a designer’s review :)

      The service was an experiment, because we faced the same issue as you: an exception pops up and who the hell knows how to find the root of it in no time.

      Eventually we might add paid plans to the service etc., but for now it’s sort of a hobby we decided to share with others. We added the homepage while drinking beer on Friday (the day after the initial launch), so don’t judge it harshly :)

      Now my comments on your notes and the mockup (which we’re definitely gonna use as a wireframe for the homepage redesign, if it’s fine with you):

      1.1. - 1.2. Agreed 1.3. Was supposed to be one of several blocks of options, but in the end was left alone; will shift it to the right. 1.4. We couldn’t come up with a better solution to make the button noticeable as much as possible, but we’ll calm it down.

      2.1. Thanks, needs to be more modest.

      3.1., 3.4., 3.5. Thanks, we’ll add to the to-do list

      And some suggestions on how to improve CF.com from a regular visitor point of view: 1. Would be great to be able to leave comments on notes (or blocks of notes); right now we need to scroll up to see the note, then open in a new window a bigger image (which doesn’t load sometimes, only first hundred lines of pixels or so), then scroll down and write a comment, inserting proper number (and after submission the layout gets screwed up by the parser :( 2. Add images to the page where we select number of expert reviews to pay for, so it’s more intuitive. 3. Copying filenames to picture titles is cool, but don’t include extensions :) 4. Are you planning to introduce a mobile version of the site? All the popups and menus that are shown on hover don’t work from a mobile phone :(

      The reason we posted the concept is that we’re now working hard on some major improvements like ignoring certain exceptions on the server (let’s say, a page or a file can’t be found), treating not only consecutive exceptions being thrown within 5 minutes as one, but group and show all same exceptions as one, to assign a person to a whole site to delegate exceptions, integration with BaseCamp etc.

      We’ll pay much attention to the points you have specified here. Also, if you have any functionality-wise suggestions regarding our service – we’re always willing to hear from you (hopefully, you’re not offended by our “Thanks buddy” on the contact us page :)

      Appreciate your business, John K.

    • John K.
      John K. commented:
      Posted: on Sep 20, 2010 at 9:28 PM

      And yeah, it would be nice to be able to edit own comments :)

    • John K.
      John K. commented:
      Posted: on Sep 21, 2010 at 7:25 AM

      And to highlight author's comment

    • Aurimas Adomavicius
      Posted: on Sep 21, 2010 at 9:57 AM

      Thanks for the ideas, John! They all make sense. I actually have on my list of to-do's to update the way the reviews are rendered (and comments).

Editing a user 2.png

  • 1

    Logo

    This may not be important to you, but why does the E and The S overlap, and why is it that you have used Arial as the font?

  • 2

    Change this color

    Green and Red may work on traffic lights, but not here

  • 3

    Keep consistency

    Save button is Sentence Case, yet this is all CAPS - Why?

  • 4

    Add whitespace here

  • 5

    Add whitespace above current password

  • 6

    Why is the button indented differently from the form?

  • 7

    Red?

    Is this bad? Why is the button red?

  • 8

    It looks like Account Settings

    not like app settings

  • 9

    Notifications

    could be a section below User setting section because this link is not very visible

  • 10

    Change password section

    this way it will be more obvious to users

Exception list.png

  • 1

    Green Line

    What's this for?

  • 2

    Alignment

    If your going to have a page title that's the same as the menu item, then at least align the top...

  • 3

    What is Sandbox?

    dummy app name?

  • 4

    What is Sandbox?

    user name?

  • 5

    What is Sandbox?

    or testing environment?

  • 6

    Applications & users will be hardly used

    so you should move them to the header

  • 7

    Button not needed

    Auto filtering should start right after words are entered or assignee chosen.

Log messages list.png

  • 1

    These pages

    They don't really explain themselves, I would maybe have a pop up that explains each page, so as a first time user it makes it easier to understand.

  •  

Contact us.png

  • 1

    buddy?

    Really? I know that this is a help tool for .NET developers, but I would think it best to keep it professional

  • 2

    Why's this here?

    It hasn't appeared anywhere else and now its here...

  • 3

    Put info in context

    This one should be as a tooltip when user is on page with lists.

  • 4

    I don't get it

    when will this screen be shown?

Editing an application.png

  • 1

    Why is this icon not colored

    like the rest - consistency is the key!

  •  
  • 2

    Add 'copy to clipboard' link

    with confirmation that it has been copied

  • 3

    Add 'copy to clipboard' link

    with confirmation that it has been copied

  • 4

    Make Notification as a separate section

    why force users to click all the time

Applications.png

  • 1

    what is this?

  •  

Log message filtering.png

  • 1

    Add 'Remove filters' link/button

  •  

Login.png

  • 1

    Login & REGISTER

    two completely different design styles use one and stick with it

  •  
  • 2

    Contrast

    Would def. look better with light gray background, white box, and dropshadow. Right now the gray with gray shadow isn't crisp. And why is register Red? :) Not that red can't be used EVAR, but i'd use a little more inviting color just the same.

  •  
  • 3

    Button design problem

    Button cannot imitate a 3d ribbon, not mentioning that because it's red it looks like a default action. Make it a link.

  •  

Editing a user.png

  • 1

    Can you have multiple users?

    if not this should be Account Settings not Users

  •  

Homepage.png

  • 1

    Seriously?

    You want to use WTF? C'mon try and get a bit more professional

  • 2

    *your

  • 3

    maybe a comma or full stop

  • 4

    Remove bevel

    looks ugly

  • 5

    padding

    add some

  • 6

    why wait?

    is this necessary?

  • 7

    padding

    it's needed here

  • 8

    arrows on button

    look stupid remove them...

  • 9

    alignment

    keep this aligned with the box below

  • 10

    wasted space

    this whole area is a bit messy, and it would be better suited if it was on a grid... I think the font isn't that great either...

  • 11

    Whitespace

  • 12

    lol.

  • 13

    I like.

  • 14

    Need room to breathe

  • 15

    Nav a bit bland.

  • 16

    this is a nice idea ...

    but you could say something like: You could "wait 5 seconds" or just "Start Now" you have an account? Login

  •  
  • 17

    WTF is this?

    Find the way of forging it into a one-liner. Cut the crap :)

  • 18

    add login inputs

    so there is no need to go to a separate login screen