12

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

Improve this question
4
  • 2
    There is no comprehensive list.
    – DA01
    Nov 12, 2012 at 5:45
  • Fair enough, could we say the most complete list?
    – raulricardo21
    Nov 13, 2012 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, 2012 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, 2012 at 16:33

5 Answers 5

Reset to default
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.

Improve this answer
1
  • 1
    I know its from 2012, but the link goes to a 404 page ;)
    – Gerrit
    Aug 10, 2017 at 13:35
3

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

Welie

Designing Interfaces

Improve this answer
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

Improve this answer
1
  • What about web UI Components? do you have any links about it? I forgot to mention that,
    – raulricardo21
    Nov 9, 2012 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.

Improve this answer
1
  • This website is shut down, as of 2018 and per their homepage.
    – Patrick
    Jun 27, 2018 at 12:24
0

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

Improve this answer
1
  • 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, 2018 at 11:03

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