0
votes
1answer
56 views

How should I display more clearly long text/options/answers on a mobile form (currently its a dropdown)?

I am working on a mobile form and some questions have dropdowns with long input text. Users can't read the entire answers and I can't reduce the text more than I already did. Unfortunately, I have ...
1
vote
1answer
106 views

Complex data input form on mobile device

I need to create an Input form that allows a user with a mobile device, to insert informations with this structure: output = { context: ‘Context Title’, products : [ { name : ...
2
votes
2answers
58 views

How to show this long input with prepend in Mobile which allows user to choose url name?

I'm working on a responsive website where I need to inform users that information he will fill in input will be used to create url for his campaign he is going to create. That input looks like this. ...
0
votes
1answer
51 views

Screen flow for adding items to a list in a mobile app?

What is the recommended (optimal) screen flow for adding items to a list in a mobile app? The two options I came up with are: (Shopping Cart Style) Start with a blank form for adding or finding a ...
1
vote
1answer
51 views

Is there a recommended height for text fields on high density mobile screens (retina, etc)?

I can't seem to find any information about whether text field sizes should be at least a certain height on a high density mobile view like retina or high density android devices. I try to make my text ...
1
vote
2answers
137 views

Presentation of long form in iOS

We're designing a very long form in an iOS app. Our first conclusion is that the form must be split into multiple pages, since follow-up questions depend on previous answers (see here: Long pages vs ...
0
votes
1answer
51 views

Which component should I use to select user's friends in order to notify them?

I'm building a responsive webapp (mostly in Javascript/AngularJs). I would like to build a form component easy to use whatever the device is (website desktop or mobile). The use case is to expect the ...
0
votes
2answers
128 views

What is the best way to select a subset of a string, for both web and mobile?

So I have this design where I have a large list of transactions, which I want to categorize. The transactions have the following information: **Date**: 2014-03-16 **Note**: 1231832 Belfast account ...
1
vote
2answers
184 views

Mobile: Text Field Hint best practices

On our desktop website we have a registration form. The registration for when entered provides the user with a field hint with further information on the field and any special requirements (password ...
0
votes
2answers
124 views

CTA buttons and usability on Mobile

I was curious if anyone had any experience or knowledge of usability tests on button sizes on mobile. My company is currently using a button that spans the entire length of the mobile screen, but I ...
1
vote
3answers
98 views

New form fields with previous data displayed

I need to create a mobile form (clients target platform is iOS (iPad Mini)) that has fields to add information for the current process, however the form needs to display the previous values entered. ...
0
votes
1answer
83 views

Margin in the mobile web site

I'm working on a survey web site, which I already have a responsive design. Survey questions are sometimes array type, that options are columns, and questions are rows. As you can see in the image ...
1
vote
2answers
169 views

Mobile Form + Master/Detail list

I'm currently working on an automotive review app which I have to display all the information related to the review in only one context. The review structure is based on a form of 4 fields and a list ...
1
vote
1answer
142 views

Research/Data on mobile interactions vs. desktop forms?

I'm trying to find some usability studies or even anecdotal commentary on the difference in user preferences of interacting with a select list UI on the desktop vs. mobile. Traditionally, on the ...
3
votes
3answers
255 views

Where to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering where to place call to action buttons. 1 option: big blue call to action is placed under the text fields focus on the first text field - we display ...
1
vote
3answers
513 views

Which is the best mobile pattern to use for a form's select box?

I need to design a responsive website with many widgets and forms. I want to provide the best UX to mobile users also when they interact with forms, which is often a nightmare on mobile. You can ...
2
votes
1answer
92 views

Selecting quite a lot of Size and Quantity

This UI is for a B2B web ecommerce page, where a buyer can enter quantities for multiple sizes of a product. They first click a size in the top row which reveals up/down arrows on the qty, which the ...
2
votes
5answers
143 views

Entering receipt information for a contest

My town is running a contest. You get one entry for every time you shop local, and the main entry method is writing your contact info on the back of your receipt and dropping that off in a ballot box. ...
3
votes
2answers
189 views

Tablet/kiosk app - showing the keyboard by default

We have an iPad/Android Tablet input form with a single text input box on it. This is a kiosk app used by tourists and business men. We have two options Option 1) Form loads Input box ...
2
votes
1answer
487 views

How to design a multi-step form for mobile

So I am having a problem designing a usable and clear multi-step form for mobile (iPhone for now). Here are the steps: Step 1: Search for a restaurant - This field will have fields like name, city, ...
3
votes
1answer
425 views

Best way to ask user for large amount of data input on iPhone?

I have a question about designing the UX that requires a large amount of data to be entered by the user upon signing up for an app - needed as the app cannot function without this data - how can this ...
0
votes
2answers
177 views

How do I make it clear that different sections of my form are alternatives?

I have a form in an Android app: it's kind of a page of a wizard, for constructing a query against a web service. Each section of the form is a different way to progress to the next page of the ...
2
votes
2answers
936 views

How can I display multiple forms and lot of important form information on an Android application?

In my app, one of the main feature is to complete 'forms'. One form contains a lot of read-only information, described by the following mockup. On this UI everything is read-only: Titles ...
0
votes
2answers
119 views

How to show 3 locations as one?

I'm working on an application which allows users to search real estate. One of the app's features will be the ability to search in several (maximum of 3) locations at the same time. Problem How to ...
2
votes
4answers
403 views

Should i create a mobile version of a long form?

I'm designing a responsive site for an Insurance provider but their quote form is extremely long (i've tried to reduce questions but not getting v far). My question is whether i create a responsive ...
0
votes
2answers
175 views

Best practice around removing an uploaded file on mobile

I'm working on a mobile app and I would like to add upload buttons. By default I would like to display two buttons: - Upload from Dropbox - Upload from Google Drive Regarding the flow: Once the user ...
2
votes
2answers
255 views

What is the best way to display the individual results of a survey?

I'm creating a UI that allows a client to review the individual (and global, but that is for another time) results of a survey once it has been completed by another user. The question types are pretty ...
7
votes
5answers
2k views

On Mobile Web, what's the best way to present Date of Birth form fields?

I am building a form for Mobile Web that requires users to enter in their DOB. What is the best way to present the date input field(s)? Some of the following options were identified in this question ...
2
votes
2answers
61 views

Mobile site: contribute functionality yes or no?

I'm currently busy with a mobile version of a website, but I wonder if I should allow the user to add reviews / upload photo's ed. First of all, they have to log-in and then they have to fill in a ...
5
votes
1answer
266 views

Long select dropdowns

I'm working on a responsive landing page where users arrive after clicking on online ad. On the form, users need to select a location (105 possible) at which they would like their service. ...
2
votes
1answer
87 views

Sending a Search Form on mobile - keypad and / or call to action button

say you have a modal view with a simple form and a cancel-option. as soon as the user selects a field the keypad shows up and usually provides a "Send" or "Search" Button to send the form. is it ok ...
2
votes
5answers
279 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
4
votes
0answers
35 views

Is there a way to simplify the input of a canadian postal code on a mobile form [duplicate]

Possible Duplicate: What’s the Best Interface for Entering Canadian Postal Codes on a Smartphone Keyboard? In Canada, postal code are structured that way A1A 1A1 A = Letters 1 = Numbers ...
5
votes
4answers
748 views

rectangles Vs rounded corners of text fields on mobile

Do you think there is a difference in perceiving text fields which have round\rectangle corners ? My goal is to establish a convention that round corners are fields which the user can enter input and ...
2
votes
2answers
875 views

What is the best approach to labelling text input fields on smartphone application forms?

Platform: iOS. Must be able to run on all (probably most) iphone devices. As part of a smartphone application design, I am currently designing an "event creation" form, originally implemented in a ...
1
vote
2answers
658 views

Shifting a view into inline-edit mode VS. dedicated edit screen?

I'm developing an iOS app, and I'm conflicted on which is the better UX choice to make. The main screen displays a nicely arranged carousel of objects, with just a few core details. The user can edit ...
3
votes
2answers
189 views

Line breaks in form selections for mobile

I'm laying out a mobile site that has an awkward screen for security questions. There are 5 questions, each with an input field for answers, however the questions are all too long to be displayed in ...
9
votes
4answers
903 views

How do I handle secondary navigation within a wizard-style form that will work for touch screens?

I am working on redesigning the UI for a Web app that registers users for something work-related (so my audience is captive). One of the main reasons for the redesign is to make it mobile-friendly; I ...
7
votes
1answer
3k views

What are the best practices of designing a validation message on an iPhone App?

I am working on designing an iPhone app and I need to know which validation message style is the most recommended for the forms included. I don't prefer to use a pop up window i need something that ...
7
votes
2answers
967 views

What is the optimal layout for a mobile search form with a large number of fields?

I'm working on the layout for a search form that has approximately 8-10 fields. At this point, the search form fills nearly the entire viewport. My research has turned up general strategies for large ...
7
votes
3answers
458 views

What is the best interaction pattern for entering a range on a mobile phone?

I have a mobile application where I need to filter a list by a range. (Imagine a dating app where you want to filter people by age). How should one design the range picker? A person should be able to ...
8
votes
7answers
1k views

Search Icon vs Search Input Box - Both Require One Click/Touch: Which to use?

I'm working on a mobile site of a rather large site. There are quite a few iA and navigation hurdles already, so I'm pushing to use a search icon instead of a traditional search input box. My ...
1
vote
1answer
432 views

Bus Ticket Booking Form - Mobile

While designing a Bus booking site - i was thinking on the number of inputs i will require for searching all the buses between two routes. The Web version contains these forms One Way/ Round Trip ...
9
votes
3answers
2k views

Are “submit” buttons important for forms on iPhone and Android apps?

When inputting text on the last text field in a form on an iPhone and Android app, the enter key can be highlighted or (on iOS anyway) renamed "done", so that tapping it will submit the form. ...
13
votes
4answers
454 views

What's the Best Interface for Entering Canadian Postal Codes on a Smartphone Keyboard?

Typical smartphone keyboards are modal. There is usually a basic QWERTY/Basic punctuation keyboard by default that can be switched to numeric/extended punctuation mode. This works reasonably well ...
4
votes
2answers
557 views

Best way to handle mobile website terms and conditions?

A form I am optimising for mobile has specific references to terms and conditions in numerous times (not just at the end usual checkbox, for example "We need this detail to sometimes contact you, read ...
4
votes
4answers
3k views

Date input on mobile devices

I am designing a web form optimised for touchscreen mobile browsers, one of those fields is a date of birth entry. On the web form it is currently split into 3 select boxes (one for day, month and ...
2
votes
1answer
112 views

Predefined phone number on а mobile form

User fills out a form on mobile site (not app). Is it possible to predefine his mobile phone number in the form?
3
votes
2answers
1k views

What are some good resources for mobile form design?

I'm looking for some good resources on mobile form design. There seems to be a lot for web forms, and a lot of that translates well. But a lot translates poorly when you have restricted screen real ...