11

I think this is the site where I can ask this.

Sometimes I have to build specials "slider" or "scrollbar" but when I try to look for information is difficult because I don't know the proper names.

And when I receive the design it is not very clear.

update

I realize that as @Anna Rouben has mentioned, components can be named different through platforms, so I especially need it for web

closed as too broad by JonW Jun 27 '18 at 9:40

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • 2
    There is no comprehensive list. – DA01 Nov 12 '12 at 5:45
  • Fair enough, could we say the most complete list? – raulricardo21 Nov 13 '12 at 4:04
  • 1
    There is no standards governing body when it comes to UI nomenclature. There's common terms that we've all gotten used to over the years, but the only terms that really matter are the terms your teams are using. I'd suggest that your team and the team handing you the designs start collaborating on your own internal UI component library. That way everyone will be on the same page when it comes to the terms being used. – DA01 Nov 13 '12 at 4:42
  • I see your point, thanks DA01. But as long as on web we used popular libraries I think should be at least a very common terms for a bunch of component, am I right? I don't think we differ terms so much. – raulricardo21 Nov 14 '12 at 16:33
5

For the web: http://developer.yahoo.com/ypatterns/

Yahoo!'s Pattern library also gives you some general tips about when to use what and why.

  • 1
    I know its from 2012, but the link goes to a 404 page ;) – Gerrit Halfmann Aug 10 '17 at 13:35
3

Here are a couple more sources of interaction design patterns that include UI components:

Welie

Designing Interfaces

3

I am not aware of a single place where you can look up ui components for any platform. Similar components are sometimes called differently based on a platform. Therefore it might be helpful to refer to the UX documentations for a specific platform:

Android http://developer.android.com/guide/topics/ui/index.html

Windows 8 http://msdn.microsoft.com/en-us/library/windows/apps/hh465424

  • What about web UI Components? do you have any links about it? I forgot to mention that, – raulricardo21 Nov 9 '12 at 19:58
0

Quince is a great resource for UI elements and usage patterns. It is rather extensive and provides examples on when certain controls or elemtents are more appropriate than others and why.

  • This website is shut down, as of 2018 and per their homepage. – Patrick Burtchaell Jun 27 '18 at 12:24
0

Another good example — Semantic UI. It has a clear structure, all the element states and the code as well.

  • One line link answers are often deleted at UXSE, even though you might have the correct answer. URLs often change and links get broken so it's better to provide a quote of the most important content to answer the question. – RobbyReindeer Jun 27 '18 at 11:03

Not the answer you're looking for? Browse other questions tagged or ask your own question.