This problem has kind of brought up the whole issue of how to make a website "idiot-proof." Does anyone have any experience or suggestions on this topic? I would NOT like to go the route of making a big ass image in paint saying "CLICK HERE DUMBASS TO JOIN THE TOURNAMENT!" or anything along the lines of that because I'm trying to make the website appealing to others, not something that looks ran by a 3 year-old.
Idiot-Proofing a Website
Blogs > Killerhands |
Killerhands
United States269 Posts
This problem has kind of brought up the whole issue of how to make a website "idiot-proof." Does anyone have any experience or suggestions on this topic? I would NOT like to go the route of making a big ass image in paint saying "CLICK HERE DUMBASS TO JOIN THE TOURNAMENT!" or anything along the lines of that because I'm trying to make the website appealing to others, not something that looks ran by a 3 year-old. | ||
Kwidowmaker
Canada978 Posts
PS I remember where I saw it, in a documentary about fractals and their practical uses. It's called hidden dimensions and it's in the docs thread in general | ||
meeple
Canada10211 Posts
| ||
tofucake
Hyrule18938 Posts
| ||
spinesheath
Germany8679 Posts
On October 28 2010 23:23 Killerhands wrote: Anyone have any insight of making a website idiot-proof while at the same time making it look clean and organized? Are you suggesting that those goals are conflicting in some way? Because they really should not. Idiot-proof should require you to avoid all unnecessary clutter so people don't get distracted by stuff they don't need. This should pretty much always lead to a clean interface. You can't create a messy interface without stuff to act as the mess. If everything is organized well, it is easy to find what you are looking for. One step closer to idiot-proof-ness. Ask yourself: "what am I looking for if I come to this website" (after being told what the site is for) "where do I expect to find it" (sidebar to the left?) "how can this website be described in short for people that randomly come across it" (put that in the top banner or the center of the welcome page?) | ||
aike
United States1629 Posts
| ||
King K. Rool
Canada4408 Posts
Just make sure you have a range of people look at it first, including idiots. Or read up on HCI, though I can't remember anything specific from my class. Though if it's just about the "Join button", maybe make it bigger, or contrast the color with the background, or put it at the top. | ||
Killerhands
United States269 Posts
@tofucake Yeah, it's pretty aggravating. I've met plenty of people where I question their ability to know where the start button is. @spineshealth I'm not saying they're completely independent entities. Hell I can make a website idiot proof by them entering in the URL and having it ask the user a series of questions via alert messages to point them in the correct direction without any sense of them knowing what's going on. They can conflict in a way that you can have a website look very "clean" and still be confused as how to get around because of the page hierarchy. I guess "clean" is a bit too subjective for me to have used it in the sense I did. I agree with you in the respect of if everything is organized well it is easy to find, that's pretty much a no brainer, it's just getting to that point is somewhat difficult, especially when you're website has a lot of information on it. @aike Yeah, that's a very big problem I'd had to face. It will look fine in Firefox and Chrome, but in IE it looks like a pile of stacked images and broken links. That is the most aggravating thing in the world. @King K. Rool Yeah, there's usually always someone to complain about something, I'm currently doing a mass survey of the members to see what the general census is and going from there. As far as the "Join Button" is concerned I'm going to try to put it in multiple places. Right now it's directly under the Tournament Information on the tournament page, which I thought would've been completely fine, but apparently not. I'm probably going to put one on the right hand side that has a block of "Tournament Details" (like amount of players, start date, free slots, etc...) and hopefully that will be a bit more obvious to the users going on the page. It's just so hard to cater to everyone's needs and pick out which is best for the community. Thanks everyone for the replies, I really appreciate it! | ||
unbal3
Korea (South)131 Posts
lol. Link:http://xkcd.com/810/ Follow the link and look at the alt-text (aka mouse-over text) to see how this applies your problem.. well, i guess it doesn't apply to your situation in particular that much, but as for idiot-proofing websites, it's pretty genius. sorry for off topic | ||
T.O.P.
Hong Kong4685 Posts
| ||
Killerhands
United States269 Posts
Yeah, It's baffling how dumb people are... | ||
TossFloss
Canada606 Posts
I really don't like the high-contrast glossy black/white headings. My eyes uncontrollably focus on them, diminishing my ability to read the content. Now I really think the headings look 'cool' and I like that style for an iPhone app or a program, but not for this webpage. The navigation bar (Home, Forum, StarCraft 2, Application, ...) is not easily visible. The average user spends only a few seconds appraising a page. Normally, I wouldn't even have known it was there. It's hard to determine what your website is about. When someone visits your site for the first time, you've got only a few seconds to "make a sale". I can figure out that you're a clan, but why should I care? What why would I want to join your clan? Do you have a large membership, host weekly tournaments, boast all-star members, etc..? Essentially, your landing page needs to answer the question "Why do I care?" in 10 seconds or less. http://www.useit.com/alertbox/timeframes.html | ||
BottleAbuser
Korea (South)1888 Posts
Compare to Yahoo. Naver. (Fuck it, add every single Korean website.) 99.9% of the visits are for searching, so they give you the search interface. The .1% can click on the tiny buttons at the top. Now, I can't find your page link, so I can't see what it looks like. But can't you have a big image with a graphic and the text "Tournament Name Here!" with big buttons below it (Join Tourney, Tourney Rules, etc)? That would be hard to not figure out in 2 seconds. | ||
Killerhands
United States269 Posts
@TossFloss Thanks for the feedback. I'm not sure how to make the nav bar "pop" more, but as far as "making a sale" I guess I could find some sort of way to incorporate that kind of stuff on the page. I mean, I already have the banner ad advertising our "eP Monthly"site update which has all the information on upcoming tournaments, site changes, newest members, etc.. but I guess that's not obvious enough to users. I started making mini banners for the news posts I do. If I post a game night I use the "Game Night" banner. Tournament, I post the tournament one, eP Monthly, etc... you get the idea. I just don't want to have it turn into a bunch of "pop-out-at-you" images advertising something different because it's hard to make that look good and be able to display all the information you want without some sort of user overload. | ||
Emperor_Earth
United States824 Posts
If there are twenty people in a room and nineteen of them think that something is hard to find, and the one that disagrees is the one that placed it... the damn thing is probably hard to find. | ||
Wolf
Korea (South)3290 Posts
| ||
Emperor_Earth
United States824 Posts
On October 30 2010 02:43 Wolf wrote: My sponsor thought it was pretty funny to make an image guide for Open Wolf Cup signups. http://ggsna.com/tournaments/sign-upapply-for-tournament Yeah. No... Do we really have to give our email address all sorts of identifying credentials just to satiate our curiosity? | ||
Killerhands
United States269 Posts
| ||
Wolf
Korea (South)3290 Posts
On October 30 2010 10:03 Killerhands wrote: Can you direct link to the image Wolf? I really don't feel like having to sign-up. :-\ http://ggsna.com/images/stories/warn.png Here you go | ||
Killerhands
United States269 Posts
I'll look into make a "Tournaments/Ladders for Dummies" type image, thanks for the info Wolf! | ||
| ||