What is good web design, anyway?
-
… it would be interesting to hear from the "other" side, i.e. what some of the more visual girls and guys have to say about it. It could be enlightening. ...
I go to different websites for differing reasons, and what constitutes "good design" (to me as a mere non-site-coding mortal) depends largely on what I'm trying to do at the site, much as bv mentioned. In the case of sites where I must fill out a lot of form entries (government data submittals, etc), a 'good' site is one that allows me to enter data with no interference to my back-and-forth movements (within a page, or even from page-to-page of the same form). The site should also not force me to "tab key" between entry boxes, but rely on the "enter" key (the most natural way to tell a keyboard the user is done with a particular entry); it should also anticipate the use of numerical punctuation without having to perform special actions (eg: a user should be able to enter dollars-period-cents, rather than dollars-tabkey-cents to put that data into separate boxes). If 'good', such a site should also be uncluttered and use a clear, readable font with a minimum of interfering or distracting page colors, and decent "helps" instructions should be available in some simple, consistent way (eg: F1) for each data entry box. Finally, a full-proofing of the entire, completed form should be available for review and editing before a submittal is made "final". A surprising number of sites lack these elements, and the user pays for it in frustration and extra work.
On the other hand, for sites used to display videos or lots of graphics, the page should not be over-crowded and busy, but instead perhaps have fairly small 'preview' image-links near the top that jump the user down to the page's location where that item is featured in full or with details; otherwise, the page should scroll smoothly down/up its full length without causing the browser a lot of grief (jumping, white-screening, etc). In all cases, if some functionality is needed to correctly view the page, its absence should be detected upon first visiting the page (if at all possible) and the user be prominantly informed at the top of the page as to what's missing; however, such absence should not be used to block the user's access to whatever remains on the page that he can use. There's perhaps nothing as frustrating as a page that is mostly blocked from viewing because the user has disabled JavaScript or Flash or whatever, but the warning message blocks him from even accessing some plain-text or image further down that happens to be all he needs to see.
Perhaps this thread discussion is more intended toward the "prettiness" and "balance" and "artsy" aspects of page design. If so, I apologize for interjecting these more mundane user perspectives.
-
@bv:
This means that form follows function, not the other way around.
I don't know who used that expression first and it is as right as it is wrong - sometimes the form creates the function.
I guess this boils down to how you define "follows". We have probably all seen sites where the visual design is made without any thought to the user or the possible use cases. The worst I have seen - on several sites, and even back when people were using slow dial-up lines - was a logo and a huge picture on a black background. If you did not guess that you should click on the picture (and the pointer did not change when you hovered over it), you would not get anywhere. The logo was not clickable.
If the form creates functionality, it still means that the form serves the function. That is something very different from form hiding or hindering function.
-
I fully agree to that. Every design (3) has to be user centric or it will fail in the end.
… and of course design (1) and (2) should not be too abstract - shoving layer of abstraction upon layer of abstraction leads to slow pages most of the time.
Every designer (1) and (2) should ask (her|him)self what (s)he is doing wrong if (s)he uses more than 2 different frameworks at the same time ...(I am a fan of vanilla code, but I can understand that sometimes libraries, frameworks or pre-fabricated code snippets are used for a reason)
-
On the other hand, for sites used to display videos or lots of graphics, the page should not be over-crowded and busy, but instead perhaps have fairly small 'preview' image-links near the top that jump the user down to the page's location where that item is featured in full or with details; otherwise, the page should scroll smoothly down/up its full length without causing the browser a lot of grief (jumping, white-screening, etc).
-
The company I used to work for had 1 main rule for web design.
The visitor must be where they need to be, within 3 clicks.
It forces your designers to keep the navigation obvious and simple, without you having to tell them to. -
do you have any info how to link music to my blog on Vivaldi. ? I am from Opera and it was easy to do it there . Is there a code ?
-
In the past weeks i've ran across so many poorly designed websites, it's unreal.
So, my personal wishlist:- There is NO reason not to use SSL. Encrypt your site. No excuses. For no Traffic. Ever.
- No fixed values for UI elements. We do use Smartphones more and more. No need for a full mobile site, but at least make it, so your fonts and UI elements scale and don't overlap.
- Clearly seperate Adds and Content
- Every site "should" have a light and dark mode. Some of us work on a PC all day. Looking at white backgrounds all the time is really annoying and it takes me hundreds of lines of css injection to fix this
- Standard Fonts only. Nothing worse than a wesite using a font you don't have and rendering complete trash.
- Widen the content to the space you've got. We've mostly switched to 16:10 and wider displays years ago. Having a website in Fullscreen use 30% in the middle is dumb. We all got big displays, make use of them.
Apart from that, i agree with most things already said.
-
All major text blocks in legible font with good contrast to a light background
The number of times I've come across sites and apps that insist on putting grey text on a white background (or worse, on a dark grey background and passing that off as a "night mode") is very disheartening.
-
This post is deleted! -
My personal ideal for good web design is to have nice evenly-spaced circumferential strands, with equally-spaced radial arms, such that the resultant interstitials are 50% of my smallest target meal diameter. Most important is the need for an even tension in all the arms; i mean, duh.
-
@guigirl You forgot: Purple everywhere.
-
This post is deleted! -
Ppafflick moved this topic from Design on
-
Ppafflick moved this topic from Customizations & Extensions on