10
votes
Accepted
Best practice for scroll bars in a browser on iPad
How about using a multi-step form? It looks like you're essentially already doing this, just with an accordion.
Source - Omkar Bailkeri
This would ensure the user always knew they could scroll (gotta ...
6
votes
Accepted
iPad walkthrough screens have too much whitespace
The problem I'm seeing is that your CTA button is so far away from the icon and headline that they don't seem related. Move the "Get Started" button close to the "Scan bar code" and you should ...
5
votes
Best practice for scroll bars in a browser on iPad
Two options come to mind for me.
To enforce the visual effect of content being available behind this 'wall', you could work with borders and/or shadows. This is also a rather common way of showing ...
2
votes
Accepted
How to layout iOS with little content?
I made a comment about precentages.
you could attempt to do something similar to this:
do NOT make this design. it has many flaws and should not be replicated on a real app, its just to show how big ...
2
votes
Accepted
Making the hamburger menu static is a good practice?
If I understand the question, the answer is that it depends on the content you're trying to display.
What it sounds like you're describing is a split view. [
This is a standard iPad pattern and it ...
2
votes
Accepted
Does a consistent size matter for a collection of buttons
My instincts say "let them have organic sizes." This has one major reason, namely that it is easier for the eye to track things of different sizes and find them again when going back over the same ...
2
votes
Affordance to encourage tablet user to touch textbox (to get onscreen keyboard) on touchscreen?
First of all—sorry for correcting—but what you're looking for is a signifier, not an affordance. An affordance is a "relationship" a user can have with an object, a signifier is the "signal". So, what ...
2
votes
Need suggestions to make the ipad application sections easier for the user
For iPad App it would be best to use the Operating Systems default language for your application, because that option is chosen by the user while setting up his device (This logic works best when ...
2
votes
Best practice for multi-level menu in iOS / iPad
A Material Design execution of a multi level accordion menu can be found on the Polymer Project site (mobile view).
https://www.polymer-project.org/
If it's any more complicated than that, then you ...
1
vote
Best practice for scroll bars in a browser on iPad
You could add a notification that appears after a short amount of time when the users are not moving anymore which indicates that there is more content to be discovered.
Many websites use this pattern,...
1
vote
Reply screen design / element placement for tablet app
The image is a bit large, but this may be a design guideline. I think there are more important structuring and design problems.
The most obvious:
Problem: There's no clear difference between the ...
1
vote
How to display a product's multiple price with a better UX?
Consider using a 'From' price, and providing a way of viewing all pricing options
A user interested in a Cobb Salad could click to see all prices, and add their choice directly from a modal overlay.
...
1
vote
Best practice for multi-level menu in iOS / iPad
There are some examples of using custom controls for the menu. One of these can be Feedly where – although related to content this time – sublevels are presented as a dropdown, and the menu is scroll-...
1
vote
At what percentage of platform usage should I design the specific experience for?
If I were you, I would like to know why it's primarily used on the iPhone and not the iPad. Is it because your users use the app on the go and they don't carry around their iPad? Or is it because the ...
1
vote
Accepted
Popover Menu with Only One Item, but Potentially Two
Well, this is a classic conditional scenario. Since showing not available options (even if grayed out) isn't good UX, and you only have 2 posible options, I'd simply recommend to display this based on ...
1
vote
How do I handle errors in a children's application?
It sounds like you might have some good ideas for getting the parents' attention (though unbidden loud sounds might be a little shocking). However it seems more than likely that the parent will not ...
1
vote
Does a consistent size matter for a collection of buttons
Well, you could have an option 3: make all buttons the same size, where size equals the necessary space to accomodate the longest label. Alternatively, you could try to find some shorter labels as ...
1
vote
What would be an optimal control to use in order to collect an expiry date for a card (not credit) on iOS (iPad)
Well, you could simply scan the card in iOS8+.
As for optimal, I think it will depend on testing. As someone that uses an iPad for almost anything, I'd say "use a spinner". However, a quick research ...
1
vote
Should scrollable block elements be used with mobile devices?
I would go for the long page display. By introducing a scrollable container, you are opposing the interaction nature of mobile device (which is to scroll content). From here on, I'm going to refer the ...
1
vote
Should scrollable block elements be used with mobile devices?
Use a scrollable block section, with a clear difference between that segment and the page (background color) and have a separate scroll bar for that. This would work on tablets as they are wide enough ...
1
vote
Accepted
Asking a user to make an iOS app full screen for functionality
The App Store is based on webViews to easily update the store on iOS devices and desktops (iTunes, web) So the search results and charts as well as highlights in the podcast app might be presented as ...
1
vote
What are the drag & drop patterns for iPhone 5 or 6?
A good example of drag+drop pattern is the iPhone home screen interface which allows you to drag and rearrange apps or drag and group apps into folders: https://support.apple.com/en-us/HT200290
Why ...
1
vote
Message and button labels in iOS Alert view
I always feel it's confusing to have 'Cancel' button to cancel a 'Cancel' action. "Continue editing" might sound better.
BTW, Apple's guideline also recommends to use red color for destructive ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
ipad × 124ios × 41
iphone × 20
navigation × 15
gui-design × 13
mobile × 11
tablet × 11
touch-screen × 10
usability × 6
interaction-design × 6
apple × 6
website-design × 5
layout × 5
controls × 5
buttons × 4
design × 4
icons × 4
scrolling × 4
toolbar × 4
android × 3
mobile-application × 3
mobile-web × 3
grid × 3
human-interface-guideline × 3
wireframe × 3