TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Foundations of a good UI

58 pointsby codelittalmost 10 years ago

6 comments

paulojreisalmost 10 years ago
Well, this is a list of nothing but truisms. Take each of the &quot;foundations&quot; and do a simple test: state the opposite and check if it makes any sense; if it doesn&#x27;t make sense at all, then it probably means they aren&#x27;t really saying anything worthy.<p>The said &quot;foundations&quot;, stripped down of verbosity, are:<p>* Consistency;<p>* Convention;<p>* Ask for minimum input;<p>* Load and react fast;<p>* Use animation to communicate changes;<p>* Avoid clutter;<p>* Avoid content which screams &quot;fake&quot;.<p>Now, would anyone advocate for the opposite of consistency, convention, minimizing user work or being fast&#x2F;giving feedback? This is pretty much the same as saying that the foundation of flying a plane is to not crash said plane. True, but not very helpful.
评论 #9955238 未加载
评论 #9955769 未加载
评论 #9955347 未加载
评论 #9955308 未加载
评论 #9955833 未加载
评论 #9955623 未加载
jakobeggeralmost 10 years ago
I&#x27;d be careful with recommending animations. Getting animations right is extremely difficult. And it&#x27;s dangerous: if you get an animation just slightly wrong, the experience will be worse than a sudden change.<p>Our brains are pretty good at coping with sudden changes.<p>What&#x27;s more important than animating changes, is to make sure the user expects the change. For example, if extra form fields appear after the user clicks a button labelled &#x27;show advanced settings&#x27;, nobody will be surprised. However, if form fields appear and disappear automatically as you are typing, you&#x27;ll startle the user wheter you use animation or not.<p>My recommendation would be: keep UI as static as possible, make changes predictable. If you really want to use animations, put a lot of effort into testing them to make sure they are beneficial. Hastily added animations can do a lot of harm.
评论 #9955614 未加载
nsgialmost 10 years ago
Not sure I agree about stock photos. Not all stock photos are headset hotties and bespoke photography is expensive. Even large organisations use stock photos, so I think it makes sense for a small company, especially if it isn&#x27;t a core competency.
评论 #9956127 未加载
评论 #9955857 未加载
评论 #9956166 未加载
ak39almost 10 years ago
And the foundation of a good write up on the &quot;Foundations of a good UI&quot; should always include screen shots of good and bad examples per point.<p>Wrong type of windows, those.
chdiralmost 10 years ago
<i>For example: the color red is associated with danger and prohibition as established by social convention. Talking about the environment in red colors will confuse users and distract from the message trying to be communicated</i><p>How much weight does this really carry if your product is good ? My guess, negligible. Websites just pick a theme color and go with it e.g. Facebook&#x2F;twitter : blue, Youtube&#x2F;Google+&#x2F;Pinterest : red, etc.
评论 #9956838 未加载
Gyonkaalmost 10 years ago
What do you think about consistency between a mobile app and a website? Logos and other such assets aside, is it valuable to keep the colour scheme the same, and keep UI elements such as buttons the same?
评论 #9955354 未加载
评论 #9955345 未加载