I want to design Language selection menu and the requirement is,

on the right side menu should appear (which shows the selected language)

on selection, it should list all the languages available and also the selected language should be shown as selected

screenshot is attached and we use bootstrap.

This might be simple but I'm new to design so any help will be highly appreciated

Thanks, Prakash.enter image description here

  • What is the question/problem? – jazZRo Jun 12 '19 at 11:54
  • how to create a menu for language selection, like the attached screenshot ? – ps_prakash02 Jun 12 '19 at 12:25
  • Are you asking how to build it or how to design it? (It looks like you already have a design) – Andrew Martin Jun 12 '19 at 12:39
  • I want to design it – ps_prakash02 Jun 12 '19 at 12:45
  • 1
    Ah, so the image is just an example of what you want. You shouldn't ask how to design something, that is just too broad for this site. But you can ask how to solve more specific problems. Let's start with the example: What should change in that design so that it suits your situation? If you are more interested in the aesthetics of the design you can try to ask a question on graphicdesign.stackexchange.com – jazZRo Jun 12 '19 at 13:11

Booking.com example is a good way to approach this problem. I would maybe drop the flag, because flags represent countries, not languages, and duplicate language name in current UI language e.g.

[LV] Latvian - Latviski for English UI and

[LV] Latviski - Latvian for Latvian UI


Couple of points from my point of view;

  • Makes no sense to have "Most often used by people in India". User has come here to select language, he is clear what to select
  • With so much langauges, placing real-time search bar on top (when you type, matching results are left on list) - could be a good idea
  • You can think of doing some IP recognition for the website. And detect location based on IP and then serve option with fewer languages
  • You should have X option to close pop up, it is not seeable in your screenshot
  • 1
    IP recognition: depends what's the website, e.g. travel website: user access it from the destination, might not be fluent in the local language. – Luciano Jun 13 '19 at 11:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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