-
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!
-
-
John K. commented: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.
-
-
-
Aurimas Adomavicius commented: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

very nice mockup