The grey blocks, which span the full width, group certain settings together, for example About and Software Update.
Indenting the divider line between these two items, so to speak, makes it clear that the line seperates two items, but not groups.
Think of nested lists:
These, too, commonly use both indentation and a ...
Ultimately you are being forced to use what is quite a bold colour. However, try to use that to your advantage and aim to create a consistently bold design throughout.
I think the key thing here is to try and add some separation between the conflicted colours using a neutral colour, similar to what you have tried to do in your second example. Just make it ...
You need to reconsider the metaphor you are using.
You've chosen "Allow diagonal" and "Force horizontal" which is a difficult dichotomy to handle. The two terms don't directly communicate two different states of a single value. With these terms it's going to be difficult for anyone to figure out what state a filled or empty checkbox ...
Before answering the question, there are a few things to consider.
If those are the corporate colors, there must be some reason why your client chose them, including personal taste for colors or the target audience for the final product. If this is the case, I'm sure that your client would not disagree with the extreme use of these colors.
My first answer ...
Hi Michael :) If the designs are custom & the developer is going to develop as per your designs, there is no technical reason to design as two different files. If you are using zeplin for dev handoff, you can export the same file into 2 different platforms via zeplin.
Lets assume you are using native components like date picker for each platform, in that ...
It is difficult to give a good answer without being able to see your final designs. However, based on the information you have provided, my suggest is to remove the bar when there is only one module.
Mobile screen space is premium, so wasting it with an empty bar is not useful.
You already have it missing on some pages anyway, so keeping it for the sake of ...
If you must apply this feature, consider de-prioritizing and protect the user. A familiar area to show additional input information is the bottom right corner often used to display a character count. A simple text link might suffice. Additionally, offer a way for the user to undo this action to prevent mistakes.
Unless this feature is specifically beneficial ...
This answer is in regards to the edited pictures. Earlier, the pictures displayed selections of products (wine, potato dishes) where the groupings of options weren't too clear.
Now, there is a difference between the choices the user has to make:
What type of service does he want?
Should the service be close or cheap?
There is a difference between the kind ...
What might be trendy might not be user friendly. For instance, the hamburger used to be 'trendy', however it has known usability issues. This will also depend on your main audience. what age group are they? You could test both options on your audience to get their feedback.
When in question, I'd advise you to go for the safer and more obvious choice.
As presented, I prefer the underline approach in terms of clarity. It's strongly apparent what is selected, what isn't, and which options are paired. That said, I'm sure talented visual designers could improve the performance of the second (making the selected font bold, for example).
I would also encourage you to NOT pick your favorite, my favorite, ...
Between the 2 options, I find the 2nd option easier to digest. But also consider the following other ways to approach this.
Do some benchmarking on how other airlines and travel apps approach this.
Design a few variations of the design and show it to end-users and ask them to pick one.
The above two screens are an example of 'Navigation' and they are not used for 'Selection' in general.
Since you have mentioned it's an app that lets you choose food items, What If the user wants to select more than one food/drink item from the category? Or how can you make sure that the default food item is the one user would prefer?
You can use established ...