US20180260085A1 - Autofill user interface for mobile device - Google Patents
Autofill user interface for mobile device Download PDFInfo
- Publication number
- US20180260085A1 US20180260085A1 US14/042,448 US201314042448A US2018260085A1 US 20180260085 A1 US20180260085 A1 US 20180260085A1 US 201314042448 A US201314042448 A US 201314042448A US 2018260085 A1 US2018260085 A1 US 2018260085A1
- Authority
- US
- United States
- Prior art keywords
- page
- input box
- graphical user
- autofill
- user element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Abandoned
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/174—Form filling; Merging
Definitions
- the subject technology is generally directed to user interfaces for mobile devices.
- Some web browsers running on laptop or desktop computers store user information (e.g., a user's name, address, payment information, etc.) locally at the client computing device to allow a user to “autofill” forms on web pages.
- user information e.g., a user's name, address, payment information, etc.
- autofill suggestion(s) for the input box are presented in a dropdown menu.
- autofill suggestion(s) for the other fields e.g., last name, address, etc.
- a web browser on a desktop computer that is shared by a husband and a wife may store the wife's name coupled with the wife's business address and the husband's name coupled with the husband's home address. The user may then accept the autofill suggestion by clicking the mouse over the autofill suggestion in the dropdown menu.
- the disclosed subject matter relates to a method, implemented at a computing device, for providing an autofill user interface at the computing device.
- the method includes presenting a page at the computing device, the page including one or more input boxes for entering input responsive to one or more prompts.
- the method includes presenting one or more autofill suggestions for a first input box from the one or more input boxes, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
- the disclosed subject matter relates to a non-transitory computer-readable medium encoded with executable instructions for providing an autofill user interface at the computer.
- the instructions include code for receiving a selection of a first input box from one or more input boxes presented in a page displayed via the computer.
- the instructions include code for presenting, responsive to the selection of the first input box, one or more autofill suggestions for the first input box, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
- the disclosed subject matter relates to a computing device.
- the computing device includes a touchscreen, one or more processors, and a memory.
- the memory includes instructions.
- the instructions include code for presenting a page at the touchscreen, the page including one or more input boxes for entering input responsive to one or more prompts.
- the instructions include code for receiving, via the touchscreen, a selection of a first input box from the one or more input boxes.
- the instructions include code for presenting at the touchscreen, responsive to the selection of the first input box, one or more autofill suggestions for the first input box, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
- FIGS. 1A-1E illustrate mobile devices implementing an autofill user interface.
- FIG. 2 illustrates, as a block diagram, an example of a mobile device for implementing an autofill user interface.
- FIG. 3 illustrates an example process by which an autofill user interface for a mobile device may be implemented.
- FIG. 4 conceptually illustrates an example electronic system with which some implementations of the subject technology are implemented.
- the scheme described above relies on the user being able to view an entire form on a single screen (which is typically a large screen of a laptop or desktop computer) in order to review the autofill suggestion(s) for all of the input boxes, and a distinction between hovering a mouse (to review the autofill suggestion(s)) and clicking the mouse (to select the autofill suggestion corresponding to the position of the mouse). While the above scheme may be used on a desktop or laptop computer which provides the large screen size and a mouse, the above scheme may not be useful on some mobile devices, for example, mobile phones or tablet computers that lack large screen sizes and rely on touchscreen input rather than mouse input. As the foregoing illustrates, a new approach for an autofill user interface for a mobile device may be desirable.
- autofill user interface for a mobile device.
- autofill may refer to a feature that automatically inserts information (e.g., first name, last name, street address, email address, telephone number, etc.) into an input box in a page.
- the page may be displayed in a web browser or in any other application, for example, a shopping application or a social networking application.
- autofill suggestion may refer to a suggestion for the automatically inserted information which may be accepted or rejected by the user.
- an autofill suggestion of the text “212-555-1234” may be provided for the input box for “telephone number.”
- the user may accept or reject the suggestion to autofill the text “212-555-1234” into the input box for “telephone number.”
- FIGS. 1A-1E illustrate mobile device(s) 100 A, 100 B, 100 C, 100 D, and 100 E implementing an autofill user interface.
- the illustrated mobile device(s) 100 A, 100 B, 100 C, 100 D, and 100 E may be the same mobile device, at different times, or different mobile devices.
- the illustrated mobile devices 100 A and 100 B are the same mobile device at different times
- the illustrated mobile devices 100 C, 100 D, and 100 E are the same mobile device at different times.
- the illustrated mobile devices 100 A and 100 B represent a different mobile device from the illustrated mobile devices 100 C, 100 D, and 100 E.
- the mobile device 100 A includes a screen 102 A, which may be a touchscreen.
- the screen displays a page from an application (e.g., a web browser application, an online banking application, an online shopping application, etc.).
- the page includes a first name input box 104 A and an address input box 106 A.
- the user has placed a cursor 108 A in the first name input box 104 A, for example, by touching the first name input box, causing the on-screen keyboard 118 A and the autofill buttons 110 A and 112 A to be displayed.
- the text in the autofill buttons 110 A and 112 A, “Angela” and “Angie,” respectively, may correspond to values for the first name field stored in the application, which resides in the local memory of the mobile device 100 A.
- the user may either type text in the first name input box 104 A using the on-screen keyboard 118 A or select one of the autofill buttons 110 A or 112 A.
- the autofill buttons 110 A and 112 A may be presented on the screen overlaying the page (e.g., a webpage in a web browser or a page in an online banking application or online shopping application) but not within the page.
- the text in the autofill buttons 110 A and 112 A is not transmitted to a server associated with the page being displayed until one of the autofill buttons 110 A or 112 A is selected.
- autofill suggestion(s) may be generated via an autofill server.
- autofill suggestions may be generated based on information stored and processed locally at the mobile device 100 A.
- the autofill buttons 110 A and 112 A appear adjacent to the on-screen keyboard 118 A.
- the autofill buttons 110 A and 112 A may appear within the first name input box 104 A.
- the users may be provided with an opportunity to control whether programs or features collect user information (e.g., information about a user's name, mailing address, telphone number, email address, etc.), or to control whether and/or how to receive content from the autofill server that may be more relevant to the user.
- user information e.g., information about a user's name, mailing address, telphone number, email address, etc.
- the user may have control over how information is collected about the user and used by the autofill server.
- the user has selected the autofill button 110 A, having the text “Angela,” of FIG. 1A .
- the mobile device 100 A is transitioned into the mobile device 100 B by adjusting the screen 102 A to the display the information on screen 102 B, which may be a touchscreen.
- the first name input box 104 B now displays the text “Angela” from the autofill button H OA.
- the cursor 108 B is moved into the address input box 106 B.
- the on-screen keyboard 118 B continues to be presented for the user to be able to type any information into the address input box 106 B.
- new autofill buttons 114 E and 116 B corresponding to autofill suggestions for the address input box 106 B, are displayed.
- the text in the autofill buttons 114 B and 116 B, “990 Bay St Apt 506” and “1600,” respectively, may correspond to values for the address field stored in the application.
- the leftmost autofill button 114 B corresponds to the address which is associated with the most recently selected autofill button 110 A “Angela” of FIG. 1A .
- the memory of the mobile device 100 A/ 100 B may store that the address for “Angela” is “990 Bay St Apt 506,” and the address for “Angie” is “1600.”
- the leftmost autofill button corresponding to the most likely to be selected autofill suggestion the user may be able to autocomplete a form on a page in an application with minimal movement of his/her finger or stylus.
- the autofill buttons 114 B and 116 B may be presented overlaying the page rather than within the page. As a result, the text within the autofill buttons 114 B and 116 B may not be transmitted to the server associated with the page being displayed until one of the autofill buttons 114 B or 116 B is selected. Also, as shown, the autofill buttons 114 B and 116 B appear adjacent to the on-screen keyboard 118 B. However, in an alternative implementation, the autofill buttons 114 B and 116 B may appear within the address input box 106 B. As shown in FIGS. 1A-1B , the autofill buttons 110 A, 112 A, 114 B, and 116 B indicating autofill suggestions may be presented adjacent to the keypad 118 A or 118 B displayed on the screen 102 A or 102 B.
- FIG. 1C illustrates a mobile device 100 C having a screen 102 C, which may be a touchscreen.
- the screen 102 C illustrates a page that includes a first name input box 104 C, an address input box 106 C, and a zip input box 108 C.
- the page may be a page in a web browser or a page in another application, for example, an online shopping application or a social networking application.
- An “autofill form click to preview” button 110 C overlays the page and is not included in the page.
- the on screen keyboard 112 C may overlay the page and not be included in the page.
- the user may select the “autofill form click to preview” button 110 C, for example, by touching the “autofill form click to preview” button 110 C.
- the mobile device 100 C may transition to the mobile device 100 D.
- the mobile device 100 D has a screen 102 D, which may be a touchscreen.
- the screen 102 D illustrates a page that includes a first name input box 104 D, an address input box 106 D, and a zip input box 108 D, similar to the input boxes 104 C, 106 C, and 108 C of FIG. 1C .
- the autofill suggestion “Angela” overlays the first name input box 104 D
- the autofill suggestion “990 Bay St” overlays the address input box 106 D
- the autofill suggestion “94109” overlays the zip input box 108 D.
- the autofill suggestions for the input boxes 104 D, 106 D, and 108 D overlay the corresponding input boxes 104 D, 106 D, and 108 D and are not included in the page, as indicated by the shaded region 114 D, which may be presented, on a mobile device with a color screen, as highlighted or in a different color than other portions of the screen 102 .
- the text of the autofill suggestions is not transmitted to a web server hosting the page until the text of the autofill suggestions is accepted by the user of the mobile device 100 D.
- the text of the autofill suggestions corresponding to the input boxes 104 D, 106 D, and 108 D may be stored locally at the mobile device 100 D and may be generated based on information stored at the mobile device 100 D or based on information stored at a server associated with a service provider of the mobile device.
- the service provider may be a telephone company, a developer of an operating system, a developer of a web browser or other application, etc.
- the user may select the fill form button 110 D, for example, by touching the fill form button 110 D.
- the user may reject the autofill suggestions, by typing different text into one or more of the input boxes 104 D, 106 D, or 108 D using the on screen keyboard 112 D.
- the mobile device 100 D may transition to the mobile device 100 E.
- the mobile device 100 E includes a screen 102 E, which may be a touchscreen.
- the screen 102 E illustrates a page that includes a first name input box 104 E, an address input box 106 E, and a zip input box 108 E, similar to the input boxes 104 C, 106 C, and 108 C of FIG. 1C and the input boxes 104 D, 106 D, and 108 D of FIG. 1D .
- the autofill suggestions “Angela,” “990 Bay St,” and “94109” are transmitted from the local memory of the mobile device 100 E to a web server hosting the page and displayed in the page within the corresponding input boxes 104 E, 106 E, and 108 E.
- a submit button 110 E is provided in the page for the user to finalize the entries in the input boxes 104 E, 106 E, and 108 E and to authorize the web server to process the entries (e.g., to mail a package to the user or to store the user's name and address in conjunction with an account).
- An on screen keyboard 112 E is also provided to allow the user to edit the entries in the input boxes 104 E, 106 E, and 108 E.
- FIG. 2 illustrates, as a block diagram, an example of a mobile device 200 for implementing an autofill user interface.
- the mobile device 200 may correspond to one or more of the mobile devices 100 A, 100 B, 100 C, 100 D, or 100 E.
- the mobile device 200 may be a mobile phone, a personal digital assistant (PDA), an electronic music player, a tablet computer, a laptop computer, etc.
- PDA personal digital assistant
- the mobile device 200 includes a processing unit 202 , a network interface 204 , a touchscreen 206 , and a memory 208 .
- the processing unit 202 includes one or more processors.
- the processing unit may include a central processing unit (CPU), a graphics processing unit (GPU), or any other processing unit.
- the processing unit 202 is configured to execute computer instructions that are stored in a computer-readable medium, for example, the memory 208 .
- the network interface 204 is configured to allow the mobile device 200 to transmit and receive data in a network, e.g., the Internet, a cellular network, a local area network (LAN), a wide area network (WAN), a WiFi network, etc.
- the network interface 204 may include one or more network interface controllers (NICs).
- NICs network interface controllers
- the touchscreen 206 is configured to display information, for example page(s) and information overlaying page(s) from the mobile device 200 to a user of the mobile device 200 .
- the touchscreen may correspond to one or more of the screens 102 A, 102 B, 102 C, 102 D, or 102 E.
- the touchscreen 206 is also configured to receive input from the user, for example, by the user touching the touchscreen 206 with one or more fingers.
- the touchscreen 206 may be a component of the mobile device 200 or may be coupled to the mobile device 200 and reside externally to the mobile device 200 .
- the touchscreen 206 may be a single touchscreen or a multi-touchscreen.
- the memory 208 stores data and/or instructions.
- the memory 208 may be one or more of a cache unit, a storage unit, an internal memory unit, or an external memory unit.
- the memory 208 includes a touchscreen driver 210 , application(s) 212 . 1 - n , an autofill user interface module 214 , and an autofill suggestion memory region 216 .
- the touchscreen driver 210 is coupled with the touchscreen 206 .
- the touchscreen driver 210 is configured to transmit data to the touchscreen 206 for presentation at the touchscreen 206 and to receive input from the touchscreen 206 for processing using the processing unit 202 and the memory 208 .
- one or more applications 212 . 1 - n may process data from the touchscreen driver.
- the application(s) 212 . 1 - n may include any application(s) stored at the mobile device 200 .
- the application(s) 212 . 1 - n may include a web browser, a shopping application, a social networking application, a banking application, etc.
- the autofill suggestion memory region 208 stores autofill suggestions that may be provided by the mobile device 200 .
- Example autofill suggestions are illustrated in FIGS. 1A-1E and may include suggestions for a first name, for instance, “Angela” or Angie,” suggestions for an address, for instance, “990 Bay St” or “990 Bay St Apt 506,” or suggestions for a zip, for instance, “94109.”
- the autofill user interface module 214 includes code which, when executed by the processing unit 202 , causes the processing unit 202 to provide an autofill user interface, for example, as illustrated in FIGS. 1A-1E , via the touchscreen 206 .
- the processing unit 202 when executing the autofill user interface module 214 , the processing unit 202 presents a page via the touchscreen 206 , the page includes one or more input boxes for entering input responsive to one or more prompts.
- the processing unit 202 presents one or more autofill suggestions for a first input box from the one or more input boxes.
- the one or more autofill suggestions are presented in a position overlaying the page.
- the page does not include the one or more autofill suggestions and the one or more autofill suggestions are not transmitted to a web server hosting the page until the autofill suggestions are accepted by the user.
- the autofill suggestions reside locally at the mobile device 200 , in the autofill suggestion memory region 216 , and are not provided to any machine external to the mobile device 200 until the autofill suggestions are accepted by the user.
- the autofill suggestions are provided to the mobile device 200 from a machine different from the web server hosting the page.
- FIG. 3 illustrates an example process 300 by which an autofill user interface for a mobile device may be implemented.
- the process 300 begins at step 310 , where a mobile device (e.g., mobile device 200 , via operation of the autofill user interface module 214 ) presents a page (e.g., a webpage presented via a web browser or a page in an application other than a browser) at the mobile device at a touchscreen (e.g., touchscreen 206 ) of the mobile device.
- the page includes one or more input boxes (e.g., input boxes 104 A and 106 A) for entering inputs responsive to one or more prompts (e.g., the prompts “First Name” and “Address” illustrated in FIG. 1A ).
- the mobile device receives, via the touchscreen, a selection of a first input box from the one or more input box.
- the user may touch, using a finger or a stylus, the first input box.
- the mobile device presents at the touchscreen, responsive to the selection of the first input box, one or more autofill suggestions (e.g., autofill buttons 110 A and 112 A) for the first input box.
- the one or more autofill suggestions are presented in a position overlaying the page, rather than within the page.
- the page does not include the one or more autofill suggestions.
- the text of the one or more autofill suggestions is not transmitted to a web server hosting the page.
- the mobile device stores one or more user profiles (e.g., in the autofill suggestion memory region 216 ) and the presented one or more autofill suggestions correspond to information stored in the one or more profiles.
- the autofill suggestion(s) are presented responsive to the selection of the first input box.
- autofill suggestion(s) may be presented automatically upon loading the page, without having the user select an input box, or upon the user pressing a button (e.g., “autofill form click to preview” button 110 C of FIG. 1C ).
- step 320 may be skipped and step 330 may be implemented in response to an input or a stimulus different from the selection of the first input box (for example, the selection of the “autofill form click to preview” button 110 C).
- the mobile device receives a selection of a first autofill suggestion from among the presented one or more autofill suggestions.
- the user may touch the first autofill suggestion or press a button (e.g., autofill button 110 A or another button for accepting the first autofill suggestion on the touchscreen 206 ) indicating acceptance of the first autofill suggestion.
- a button e.g., autofill button 110 A or another button for accepting the first autofill suggestion on the touchscreen 206 .
- step 350 the mobile device places the first autofill suggestion (e.g., the text “Angela”) into the first input box (e.g., input box 104 B).
- the first autofill suggestion e.g., the text “Angela”
- the mobile device automatically causes a second input box (e.g., input box 106 B) from the one or more input boxes to gain focus.
- a user interface element for example, an input box, is said to gain focus if the user interface element is displayed on a display device (e.g., the touchscreen 206 ) and is set to receive user input unless the user selects another user interface element to receive the input.
- the mobile device presents, via the touchscreen, one or more second autofill suggestions (e.g., autofill buttons 114 B and 116 B) for the second input box.
- the one or more second autofill suggestions are presented in a second position overlaying the page, which may be the same as or different from the position overlaying the page for the autofill suggestions for the first input box.
- the page does not include the one or more second autofill suggestions.
- the mobile device stores one or more user profiles (e.g., in the autofill suggestion memory region 216 ) and the presented one or more second autofill suggestions correspond to information stored in the one or more profiles.
- the second autofill suggestion(s) are presented in a particular order.
- the particular order is determined based on the selected first autofill suggestion for the first input box.
- the topmost or leftmost second autofill suggestion may be associated with the same user profile as the selected first autofill suggestion.
- a computer may store a first name “Greg” associated with an address “28 State Street” and a first name “Kate” associated with an address “1870 Beacon Street.” If the autofill “Greg” is selected for the first name input box, the autofill suggestion “28 State Street” may be presented to the left of or above the autofill suggestion “1870 Beacon Street” for the address input box.
- the process 300 ends.
- the steps 310 - 370 of the process 300 are carried out in a predetermined order and in series. However, the steps 310 - 370 of the process 300 may be carried out in any order. In some implementations, two or more of the steps 310 - 350 of the process 300 are carried out in parallel. Also, in some cases, one or more of the steps 310 - 350 may be skipped or may not be implemented. For example, in some cases, step 320 may be skipped. In some cases, steps 340 - 370 may not be implemented.
- the autofill suggestion(s) for the first input box are presented before the second autofill suggestion(s) for the second input box.
- the second autofill suggestion(s) for the second input box may be presented simultaneously with presenting the autofill suggestion(s) for the first input box.
- the same user input e.g., selecting the “autofill form click to preview” button 110 C and the “fill form” button 110 D
- the same input is used for selecting autofill suggestions for three input boxes for the first name, address, and zip.
- FIG. 4 conceptually illustrates an electronic system 400 with which some implementations of the subject technology are implemented.
- the mobile device 200 may be implemented using the arrangement of the electronic system 400 .
- the electronic system 400 can be a computer (e.g., a mobile phone, PDA), or any other sort of electronic device.
- Such an electronic system includes various types of computer readable media and interfaces for various other types of computer readable media.
- Electronic system 400 includes a bus 405 , processing unit(s) 410 , a system memory 415 , a read-only memory 420 , a permanent storage device 425 , an input device interface 430 , an output device interface 435 , and a network interface 440 .
- the bus 405 collectively represents all system, peripheral, and chipset buses that communicatively connect the numerous internal devices of the electronic system 400 .
- the bus 405 communicatively connects the processing unit(s) 410 with the read-only memory 420 , the system memory 415 , and the permanent storage device 425 .
- the processing unit(s) 410 retrieves instructions to execute and data to process in order to execute the processes of the subject technology.
- the processing unit(s) can be a single processor or a multi-core processor in different implementations.
- the read-only-memory (ROM) 420 stores static data and instructions that are needed by the processing unit(s) 410 and other modules of the electronic system.
- the permanent storage device 425 is a read-and-write memory device. This device is a non-volatile memory unit that stores instructions and data even when the electronic system 400 is off. Some implementations of the subject technology use a mass-storage device (for example a magnetic or optical disk and its corresponding disk drive) as the permanent storage device 425 .
- the system memory 415 is a read-and-write memory device. However, unlike storage device 425 , the system memory 415 is a volatile read-and-write memory, such a random access memory.
- the system memory 415 stores some of the instructions and data that the processor needs at runtime.
- the processes of the subject technology are stored in the system memory 415 , the permanent storage device 425 , or the read-only memory 420 .
- the various memory units include instructions for providing an autofill user interface in accordance with some implementations. From these various memory units, the processing unit(s) 410 retrieves instructions to execute and data to process in order to execute the processes of some implementations.
- the bus 405 also connects to the input and output device interfaces 430 and 435 .
- the input device interface 430 enables the user to communicate information and select commands to the electronic system.
- Input devices used with input device interface 430 include, for example, alphanumeric keyboards and pointing devices (also called “cursor control devices”).
- Output device interfaces 435 enables, for example, the display of images generated by the electronic system 400 .
- Output devices used with output device interface 435 include, for example, printers and display devices, for example cathode ray tubes (CRT) or liquid crystal displays (LCD). Some implementations include devices for example a touch screen that functions as both input and output devices.
- CTR cathode ray tubes
- LCD liquid crystal displays
- bus 405 also couples electronic system 400 to a network (not shown) through a network interface 440 .
- the electronic system 400 can be a part of a network of computers (for example a local area network (LAN), a wide area network (WAN), or an Intranet, or a network of networks, for example the Internet. Any or all components of electronic system 400 can be used in conjunction with the subject technology.
- the above-described features and applications can be implemented as software processes that are specified as a set of instructions recorded on a computer readable storage medium (also referred to as computer readable medium).
- a computer readable storage medium also referred to as computer readable medium.
- processing unit(s) e.g., one or more processors, cores of processors, or other processing units
- Examples of computer readable media include, but are not limited to, CD-ROMs, flash drives, RAM chips, hard drives, EPROMs, etc.
- the computer readable media does not include carrier waves and electronic signals passing wirelessly or over wired connections.
- the term “software” is meant to include firmware residing in read-only memory or applications stored in magnetic storage or flash storage, for example, a solid-state drive, which can be read into memory for processing by a processor.
- multiple software technologies can be implemented as sub-parts of a larger program while remaining distinct software technologies.
- multiple software technologies can also be implemented as separate programs.
- any combination of separate programs that together implement a software technology described here is within the scope of the subject technology.
- the software programs when installed to operate on one or more electronic systems, define one or more specific machine implementations that execute and perform the operations of the software programs.
- a computer program (also known as a program, software, software application, script, or code) can be written in any form of programming language, including compiled or interpreted languages, declarative or procedural languages, and it can be deployed in any form, including as a standalone program or as a module, component, subroutine, object, or other unit suitable for use in a computing environment.
- a computer program may, but need not, correspond to a file in a file system.
- a program can be stored in a portion of a file that holds other programs or data (e.g., one or more scripts stored in a markup language document), in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub programs, or portions of code).
- a computer program can be deployed to be executed on one computer or on multiple computers that are located at one site or distributed across multiple sites and interconnected by a communication network.
- Some implementations include electronic components, for example microprocessors, storage and memory that store computer program instructions in a machine-readable or computer-readable medium (alternatively referred to as computer-readable storage media, machine-readable media, or machine-readable storage media).
- computer-readable media include RAM, ROM, read-only compact discs (CD-ROM), recordable compact discs (CD-R), rewritable compact discs (CD-RW), read-only digital versatile discs (e.g., DVD-ROM, dual-layer DVD-ROM), a variety of recordable/rewritable DVDs (e.g., DVD-RAM, DVD-RW, DVD+RW, etc.), flash memory (e.g., SD cards, mini-SD cards, micro-SD cards, etc.), magnetic or solid state hard drives, read-only and recordable Blu-Ray® discs, ultra density optical discs, any other optical or magnetic media, and floppy disks.
- CD-ROM compact discs
- CD-R recordable compact discs
- the computer-readable media can store a computer program that is executable by at least one processing unit and includes sets of instructions for performing various operations.
- Examples of computer programs or computer code include machine code, for example is produced by a compiler, and files including higher-level code that are executed by a computer, an electronic component, or a microprocessor using an interpreter.
- ASICs application specific integrated circuits
- FPGAs field programmable gate arrays
- integrated circuits execute instructions that are stored on the circuit itself.
- the terms “computer”, “server”, “processor”, and “memory” all refer to electronic or other technological devices. These terms exclude people or groups of people.
- display or displaying means displaying on an electronic device.
- computer readable medium and “computer readable media” are entirely restricted to tangible, physical objects that store information in a form that is readable by a computer. These terms exclude any wireless signals, wired download signals, and any other ephemeral signals.
- implementations of the subject matter described in this specification can be implemented on a computer having a display device, e.g., a cathode ray tube (CRT) or liquid crystal display (LCD) monitor, for displaying information to the user and a keyboard and a pointing device, e.g., a mouse or a trackball, by which the user can provide input to the computer.
- a display device e.g., a cathode ray tube (CRT) or liquid crystal display (LCD) monitor
- keyboard and a pointing device e.g., a mouse or a trackball
- Other kinds of devices can be used to provide for interaction with a user as well; for example, feedback provided to the user can be any form of sensory feedback, e.g., visual feedback, auditory feedback, or tactile feedback; and input from the user can be received in any form, including acoustic, speech, or tactile input.
- a computer can interact with a user by sending documents to and receiving documents from a device that
- the subject matter described in this specification can be implemented in a computing system that includes a back end component, e.g., as a data server, or that includes a middleware component, e.g., an application server, or that includes a front end component, e.g., a client computer having a graphical user interface or a Web browser through which a user can interact with an implementation of the subject matter described in this specification, or any combination of one or more such back end, middleware, or front end components.
- the components of the system can be interconnected by any form or medium of digital data communication, e.g., a communication network. Examples of communication networks include a local area network (LAN) and a wide area network (WAN), an inter-network (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks).
- LAN local area network
- WAN wide area network
- Internet inter-network
- peer-to-peer networks e.g.,
- the computing system can include clients and servers.
- a client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
- a server transmits data (e.g., an HTML page) to a client device (e.g., for purposes of displaying data to and receiving user input from a user interacting with the client device).
- client device e.g., for purposes of displaying data to and receiving user input from a user interacting with the client device.
- Data generated at the client device e.g., a result of the user interaction
- any specific order or hierarchy of steps in the processes disclosed is an illustration of example approaches. Based upon design preferences, it is understood that the specific order or hierarchy of steps in the processes may be rearranged, or that all illustrated steps be performed. Some of the steps may be performed simultaneously. For example, in certain circumstances, multitasking and parallel processing may be advantageous. Moreover, the separation of various system components illustrated above should not be understood as requiring such separation, and it should be understood that the described program components and systems can generally be integrated together in a single software product or packaged into multiple software products.
- a phrase, for example, an “aspect” does not imply that the aspect is essential to the subject technology or that the aspect applies to all configurations of the subject technology.
- a disclosure relating to an aspect may apply to all configurations, or one or more configurations.
- a phrase, for example, an aspect may refer to one or more aspects and vice versa.
- a phrase, for example, a “configuration” does not imply that such configuration is essential to the subject technology or that such configuration applies to all configurations of the subject technology.
- a disclosure relating to a configuration may apply to all configurations, or one or more configurations.
- a phrase, for example, a configuration may refer to one or more configurations and vice versa.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Systems and methods for providing an autofill user interface at a computing device are provided. In some aspects, a page is presented at the computing device, the page including one or more input boxes for entering input responsive to one or more prompts. One or more autofill suggestions for a first input box from the one or more input boxes are presented, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
Description
- The subject technology is generally directed to user interfaces for mobile devices.
- Some web browsers running on laptop or desktop computers store user information (e.g., a user's name, address, payment information, etc.) locally at the client computing device to allow a user to “autofill” forms on web pages. Typically, when a user selects a first input box (e.g., a first name box) in a form, autofill suggestion(s) for the input box are presented in a dropdown menu. When the user hovers the mouse over one of the autofill suggestion(s), autofill suggestion(s) for the other fields (e.g., last name, address, etc.) corresponding to the selected autofill suggestion may be presented for the user's review. For example, a web browser on a desktop computer that is shared by a husband and a wife may store the wife's name coupled with the wife's business address and the husband's name coupled with the husband's home address. The user may then accept the autofill suggestion by clicking the mouse over the autofill suggestion in the dropdown menu.
- In some aspects, the disclosed subject matter relates to a method, implemented at a computing device, for providing an autofill user interface at the computing device. The method includes presenting a page at the computing device, the page including one or more input boxes for entering input responsive to one or more prompts. The method includes presenting one or more autofill suggestions for a first input box from the one or more input boxes, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
- In some aspects, the disclosed subject matter relates to a non-transitory computer-readable medium encoded with executable instructions for providing an autofill user interface at the computer. The instructions include code for receiving a selection of a first input box from one or more input boxes presented in a page displayed via the computer. The instructions include code for presenting, responsive to the selection of the first input box, one or more autofill suggestions for the first input box, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
- In some aspects, the disclosed subject matter relates to a computing device. The computing device includes a touchscreen, one or more processors, and a memory. The memory includes instructions. The instructions include code for presenting a page at the touchscreen, the page including one or more input boxes for entering input responsive to one or more prompts. The instructions include code for receiving, via the touchscreen, a selection of a first input box from the one or more input boxes. The instructions include code for presenting at the touchscreen, responsive to the selection of the first input box, one or more autofill suggestions for the first input box, where the one or more autofill suggestions are presented in a position overlaying the page, and where the page does not include the one or more autofill suggestions.
- It is understood that other configurations of the subject technology will become readily apparent from the following detailed description, where various configurations of the subject technology are shown and described by way of illustration. As will be realized, the subject technology is capable of other and different configurations and its several details are capable of modification in various other respects, all without departing from the scope of the subject technology. Accordingly, the drawings and detailed description are to be regarded as illustrative in nature and not as restrictive.
- Features of the subject technology are set forth in the appended claims. However, for purpose of explanation, several aspects of the disclosed subject matter are set forth in the following figures.
-
FIGS. 1A-1E illustrate mobile devices implementing an autofill user interface. -
FIG. 2 illustrates, as a block diagram, an example of a mobile device for implementing an autofill user interface. -
FIG. 3 illustrates an example process by which an autofill user interface for a mobile device may be implemented. -
FIG. 4 conceptually illustrates an example electronic system with which some implementations of the subject technology are implemented. - The detailed description set forth below is intended as a description of various configurations of the subject technology and is not intended to represent the only configurations in which the subject technology may be practiced. The appended drawings are incorporated herein and constitute a part of the detailed description. The detailed description includes specific details for the purpose of providing a thorough understanding of the subject technology. However, it will be clear and apparent that the subject technology is not limited to the specific details set forth herein and may be practiced without these specific details. In some instances, certain structures and components are shown in block diagram form in order to avoid obscuring the concepts of the subject technology.
- The scheme described above relies on the user being able to view an entire form on a single screen (which is typically a large screen of a laptop or desktop computer) in order to review the autofill suggestion(s) for all of the input boxes, and a distinction between hovering a mouse (to review the autofill suggestion(s)) and clicking the mouse (to select the autofill suggestion corresponding to the position of the mouse). While the above scheme may be used on a desktop or laptop computer which provides the large screen size and a mouse, the above scheme may not be useful on some mobile devices, for example, mobile phones or tablet computers that lack large screen sizes and rely on touchscreen input rather than mouse input. As the foregoing illustrates, a new approach for an autofill user interface for a mobile device may be desirable.
- The subject technology provides an autofill user interface for a mobile device. As used herein, the term “autofill” may refer to a feature that automatically inserts information (e.g., first name, last name, street address, email address, telephone number, etc.) into an input box in a page. The page may be displayed in a web browser or in any other application, for example, a shopping application or a social networking application. The phrase “autofill suggestion” may refer to a suggestion for the automatically inserted information which may be accepted or rejected by the user. For example, if a computing device stores that the user's telephone number is 212-555-1234 and an input box for “telephone number” is presented in a page, an autofill suggestion of the text “212-555-1234” may be provided for the input box for “telephone number.” The user may accept or reject the suggestion to autofill the text “212-555-1234” into the input box for “telephone number.”
-
FIGS. 1A-1E illustrate mobile device(s) 100A, 100B, 100C, 100D, and 100E implementing an autofill user interface. The illustrated mobile device(s) 100A, 100B, 100C, 100D, and 100E may be the same mobile device, at different times, or different mobile devices. In some examples, the illustratedmobile devices mobile devices mobile devices mobile devices - As shown in
FIG. 1A , themobile device 100A includes ascreen 102A, which may be a touchscreen. The screen displays a page from an application (e.g., a web browser application, an online banking application, an online shopping application, etc.). The page includes a firstname input box 104A and anaddress input box 106A. The user has placed a cursor 108A in the firstname input box 104A, for example, by touching the first name input box, causing the on-screen keyboard 118A and theautofill buttons autofill buttons mobile device 100A. The user may either type text in the firstname input box 104A using the on-screen keyboard 118A or select one of theautofill buttons - In some examples, the
autofill buttons autofill buttons autofill buttons mobile device 100A.) As shown, theautofill buttons screen keyboard 118A. However, in an alternative implementation, theautofill buttons name input box 104A. - In situations in which the systems discussed here collect personal information about users, or may make use of personal information, the users may be provided with an opportunity to control whether programs or features collect user information (e.g., information about a user's name, mailing address, telphone number, email address, etc.), or to control whether and/or how to receive content from the autofill server that may be more relevant to the user. Thus, the user may have control over how information is collected about the user and used by the autofill server.
- As shown in
FIG. 1B , the user has selected theautofill button 110A, having the text “Angela,” ofFIG. 1A . In response, themobile device 100A is transitioned into themobile device 100B by adjusting thescreen 102A to the display the information onscreen 102B, which may be a touchscreen. Specifically, the firstname input box 104B now displays the text “Angela” from the autofill button H OA. Thecursor 108B is moved into theaddress input box 106B. The on-screen keyboard 118B continues to be presented for the user to be able to type any information into theaddress input box 106B. In addition,new autofill buttons 114E and 116B, corresponding to autofill suggestions for theaddress input box 106B, are displayed. The text in theautofill buttons Bay St Apt 506” and “1600,” respectively, may correspond to values for the address field stored in the application. In some cases, theleftmost autofill button 114B corresponds to the address which is associated with the most recently selectedautofill button 110A “Angela” ofFIG. 1A . In other words, the memory of themobile device 100A/100B may store that the address for “Angela” is “990Bay St Apt 506,” and the address for “Angie” is “1600.” As a result of the leftmost autofill button corresponding to the most likely to be selected autofill suggestion, the user may be able to autocomplete a form on a page in an application with minimal movement of his/her finger or stylus. - Similar to the
autofill buttons autofill buttons autofill buttons autofill buttons autofill buttons screen keyboard 118B. However, in an alternative implementation, theautofill buttons address input box 106B. As shown inFIGS. 1A-1B , theautofill buttons keypad screen -
FIG. 1C illustrates amobile device 100C having ascreen 102C, which may be a touchscreen. Thescreen 102C illustrates a page that includes a firstname input box 104C, anaddress input box 106C, and azip input box 108C. The page may be a page in a web browser or a page in another application, for example, an online shopping application or a social networking application. An “autofill form click to preview”button 110C overlays the page and is not included in the page. Similarly, the onscreen keyboard 112C may overlay the page and not be included in the page. The user may select the “autofill form click to preview”button 110C, for example, by touching the “autofill form click to preview”button 110C. After selection of the “autofill form click to preview”button 110C, themobile device 100C may transition to themobile device 100D. - As illustrated in
FIG. 1D , themobile device 100D has ascreen 102D, which may be a touchscreen. Thescreen 102D illustrates a page that includes a firstname input box 104D, anaddress input box 106D, and azip input box 108D, similar to theinput boxes FIG. 1C . As shown, the autofill suggestion “Angela” overlays the firstname input box 104D, the autofill suggestion “990 Bay St” overlays theaddress input box 106D, and the autofill suggestion “94109” overlays thezip input box 108D. Instead of being presented within the page, the autofill suggestions for theinput boxes corresponding input boxes region 114D, which may be presented, on a mobile device with a color screen, as highlighted or in a different color than other portions of the screen 102. Advantageously, as a result of the autofill suggestions not being included in the page, the text of the autofill suggestions is not transmitted to a web server hosting the page until the text of the autofill suggestions is accepted by the user of themobile device 100D. The text of the autofill suggestions corresponding to theinput boxes mobile device 100D and may be generated based on information stored at themobile device 100D or based on information stored at a server associated with a service provider of the mobile device. The service provider may be a telephone company, a developer of an operating system, a developer of a web browser or other application, etc. In order to accept the autofill suggestions, the user may select thefill form button 110D, for example, by touching thefill form button 110D. Alternatively, the user may reject the autofill suggestions, by typing different text into one or more of theinput boxes screen keyboard 112D. After selection of thefill form button 110D, themobile device 100D may transition to themobile device 100E. - As illustrated in
FIG. 1E , themobile device 100E includes ascreen 102E, which may be a touchscreen. Thescreen 102E illustrates a page that includes a firstname input box 104E, anaddress input box 106E, and azip input box 108E, similar to theinput boxes FIG. 1C and theinput boxes FIG. 1D . The autofill suggestions “Angela,” “990 Bay St,” and “94109” are transmitted from the local memory of themobile device 100E to a web server hosting the page and displayed in the page within the correspondinginput boxes button 110E is provided in the page for the user to finalize the entries in theinput boxes screen keyboard 112E is also provided to allow the user to edit the entries in theinput boxes -
FIG. 2 illustrates, as a block diagram, an example of amobile device 200 for implementing an autofill user interface. Themobile device 200 may correspond to one or more of themobile devices mobile device 200 may be a mobile phone, a personal digital assistant (PDA), an electronic music player, a tablet computer, a laptop computer, etc. - As shown, the
mobile device 200 includes aprocessing unit 202, anetwork interface 204, atouchscreen 206, and amemory 208. Theprocessing unit 202 includes one or more processors. The processing unit may include a central processing unit (CPU), a graphics processing unit (GPU), or any other processing unit. Theprocessing unit 202 is configured to execute computer instructions that are stored in a computer-readable medium, for example, thememory 208. Thenetwork interface 204 is configured to allow themobile device 200 to transmit and receive data in a network, e.g., the Internet, a cellular network, a local area network (LAN), a wide area network (WAN), a WiFi network, etc. Thenetwork interface 204 may include one or more network interface controllers (NICs). Thetouchscreen 206 is configured to display information, for example page(s) and information overlaying page(s) from themobile device 200 to a user of themobile device 200. For example, the touchscreen may correspond to one or more of thescreens touchscreen 206 is also configured to receive input from the user, for example, by the user touching thetouchscreen 206 with one or more fingers. Thetouchscreen 206 may be a component of themobile device 200 or may be coupled to themobile device 200 and reside externally to themobile device 200. Thetouchscreen 206 may be a single touchscreen or a multi-touchscreen. - The
memory 208 stores data and/or instructions. Thememory 208 may be one or more of a cache unit, a storage unit, an internal memory unit, or an external memory unit. As illustrated, thememory 208 includes a touchscreen driver 210, application(s) 212.1-n, an autofill user interface module 214, and an autofillsuggestion memory region 216. - The touchscreen driver 210 is coupled with the
touchscreen 206. The touchscreen driver 210 is configured to transmit data to thetouchscreen 206 for presentation at thetouchscreen 206 and to receive input from thetouchscreen 206 for processing using theprocessing unit 202 and thememory 208. For example, one or more applications 212.1-n may process data from the touchscreen driver. The application(s) 212.1-n may include any application(s) stored at themobile device 200. For instance, the application(s) 212.1-n may include a web browser, a shopping application, a social networking application, a banking application, etc. - The autofill
suggestion memory region 208 stores autofill suggestions that may be provided by themobile device 200. Example autofill suggestions are illustrated inFIGS. 1A-1E and may include suggestions for a first name, for instance, “Angela” or Angie,” suggestions for an address, for instance, “990 Bay St” or “990Bay St Apt 506,” or suggestions for a zip, for instance, “94109.” - The autofill user interface module 214 includes code which, when executed by the
processing unit 202, causes theprocessing unit 202 to provide an autofill user interface, for example, as illustrated inFIGS. 1A-1E , via thetouchscreen 206. In some implementations, when executing the autofill user interface module 214, theprocessing unit 202 presents a page via thetouchscreen 206, the page includes one or more input boxes for entering input responsive to one or more prompts. Theprocessing unit 202 presents one or more autofill suggestions for a first input box from the one or more input boxes. The one or more autofill suggestions are presented in a position overlaying the page. The page does not include the one or more autofill suggestions and the one or more autofill suggestions are not transmitted to a web server hosting the page until the autofill suggestions are accepted by the user. In some implementations, the autofill suggestions reside locally at themobile device 200, in the autofillsuggestion memory region 216, and are not provided to any machine external to themobile device 200 until the autofill suggestions are accepted by the user. Alternatively, the autofill suggestions are provided to themobile device 200 from a machine different from the web server hosting the page. -
FIG. 3 illustrates anexample process 300 by which an autofill user interface for a mobile device may be implemented. - The
process 300 begins atstep 310, where a mobile device (e.g.,mobile device 200, via operation of the autofill user interface module 214) presents a page (e.g., a webpage presented via a web browser or a page in an application other than a browser) at the mobile device at a touchscreen (e.g., touchscreen 206) of the mobile device. The page includes one or more input boxes (e.g.,input boxes FIG. 1A ). - In
step 320, the mobile device receives, via the touchscreen, a selection of a first input box from the one or more input box. For example, the user may touch, using a finger or a stylus, the first input box. - In
step 330, the mobile device presents at the touchscreen, responsive to the selection of the first input box, one or more autofill suggestions (e.g.,autofill buttons - As described herein in conjunction with steps 320-330, the autofill suggestion(s) are presented responsive to the selection of the first input box. However, in some implementations, autofill suggestion(s) may be presented automatically upon loading the page, without having the user select an input box, or upon the user pressing a button (e.g., “autofill form click to preview”
button 110C ofFIG. 1C ). In some implementations,step 320 may be skipped and step 330 may be implemented in response to an input or a stimulus different from the selection of the first input box (for example, the selection of the “autofill form click to preview”button 110C). - In step 340, the mobile device receives a selection of a first autofill suggestion from among the presented one or more autofill suggestions. For example, the user may touch the first autofill suggestion or press a button (e.g.,
autofill button 110A or another button for accepting the first autofill suggestion on the touchscreen 206) indicating acceptance of the first autofill suggestion. - In
step 350, the mobile device places the first autofill suggestion (e.g., the text “Angela”) into the first input box (e.g.,input box 104B). - In
step 360, the mobile device automatically causes a second input box (e.g.,input box 106B) from the one or more input boxes to gain focus. As used herein, a user interface element, for example, an input box, is said to gain focus if the user interface element is displayed on a display device (e.g., the touchscreen 206) and is set to receive user input unless the user selects another user interface element to receive the input. - In
step 370, the mobile device presents, via the touchscreen, one or more second autofill suggestions (e.g.,autofill buttons - In some examples, the second autofill suggestion(s) are presented in a particular order. The particular order is determined based on the selected first autofill suggestion for the first input box. For example, the topmost or leftmost second autofill suggestion may be associated with the same user profile as the selected first autofill suggestion. For example, a computer may store a first name “Greg” associated with an address “28 State Street” and a first name “Kate” associated with an address “1870 Beacon Street.” If the autofill “Greg” is selected for the first name input box, the autofill suggestion “28 State Street” may be presented to the left of or above the autofill suggestion “1870 Beacon Street” for the address input box. After
step 370, theprocess 300 ends. - As described above, the steps 310-370 of the
process 300 are carried out in a predetermined order and in series. However, the steps 310-370 of theprocess 300 may be carried out in any order. In some implementations, two or more of the steps 310-350 of theprocess 300 are carried out in parallel. Also, in some cases, one or more of the steps 310-350 may be skipped or may not be implemented. For example, in some cases,step 320 may be skipped. In some cases, steps 340-370 may not be implemented. - As described herein in conjunction with the
process 300, the autofill suggestion(s) for the first input box are presented before the second autofill suggestion(s) for the second input box. However, in some implementations, the second autofill suggestion(s) for the second input box may be presented simultaneously with presenting the autofill suggestion(s) for the first input box. In some implementations, the same user input (e.g., selecting the “autofill form click to preview”button 110C and the “fill form”button 110D) may be used to select the autofill suggestion for the first input box, the second autofill suggestion for the second input box, and/or an additional autofill suggestion for an additional input box. For instance, as illustrated inFIGS. 1C-1E , the same input is used for selecting autofill suggestions for three input boxes for the first name, address, and zip. -
FIG. 4 conceptually illustrates anelectronic system 400 with which some implementations of the subject technology are implemented. For example, themobile device 200 may be implemented using the arrangement of theelectronic system 400. Theelectronic system 400 can be a computer (e.g., a mobile phone, PDA), or any other sort of electronic device. Such an electronic system includes various types of computer readable media and interfaces for various other types of computer readable media.Electronic system 400 includes abus 405, processing unit(s) 410, asystem memory 415, a read-only memory 420, apermanent storage device 425, aninput device interface 430, anoutput device interface 435, and anetwork interface 440. - The
bus 405 collectively represents all system, peripheral, and chipset buses that communicatively connect the numerous internal devices of theelectronic system 400. For instance, thebus 405 communicatively connects the processing unit(s) 410 with the read-only memory 420, thesystem memory 415, and thepermanent storage device 425. - From these various memory units, the processing unit(s) 410 retrieves instructions to execute and data to process in order to execute the processes of the subject technology. The processing unit(s) can be a single processor or a multi-core processor in different implementations.
- The read-only-memory (ROM) 420 stores static data and instructions that are needed by the processing unit(s) 410 and other modules of the electronic system. The
permanent storage device 425, on the other hand, is a read-and-write memory device. This device is a non-volatile memory unit that stores instructions and data even when theelectronic system 400 is off. Some implementations of the subject technology use a mass-storage device (for example a magnetic or optical disk and its corresponding disk drive) as thepermanent storage device 425. - Other implementations use a removable storage device (for example a floppy disk, flash drive, and its corresponding disk drive) as the
permanent storage device 425. Like thepermanent storage device 425, thesystem memory 415 is a read-and-write memory device. However, unlikestorage device 425, thesystem memory 415 is a volatile read-and-write memory, such a random access memory. Thesystem memory 415 stores some of the instructions and data that the processor needs at runtime. In some implementations, the processes of the subject technology are stored in thesystem memory 415, thepermanent storage device 425, or the read-only memory 420. For example, the various memory units include instructions for providing an autofill user interface in accordance with some implementations. From these various memory units, the processing unit(s) 410 retrieves instructions to execute and data to process in order to execute the processes of some implementations. - The
bus 405 also connects to the input and output device interfaces 430 and 435. Theinput device interface 430 enables the user to communicate information and select commands to the electronic system. Input devices used withinput device interface 430 include, for example, alphanumeric keyboards and pointing devices (also called “cursor control devices”). Output device interfaces 435 enables, for example, the display of images generated by theelectronic system 400. Output devices used withoutput device interface 435 include, for example, printers and display devices, for example cathode ray tubes (CRT) or liquid crystal displays (LCD). Some implementations include devices for example a touch screen that functions as both input and output devices. - Finally, as shown in
FIG. 4 ,bus 405 also coupleselectronic system 400 to a network (not shown) through anetwork interface 440. In this manner, theelectronic system 400 can be a part of a network of computers (for example a local area network (LAN), a wide area network (WAN), or an Intranet, or a network of networks, for example the Internet. Any or all components ofelectronic system 400 can be used in conjunction with the subject technology. - The above-described features and applications can be implemented as software processes that are specified as a set of instructions recorded on a computer readable storage medium (also referred to as computer readable medium). When these instructions are executed by one or more processing unit(s) (e.g., one or more processors, cores of processors, or other processing units), they cause the processing unit(s) to perform the actions indicated in the instructions. Examples of computer readable media include, but are not limited to, CD-ROMs, flash drives, RAM chips, hard drives, EPROMs, etc. The computer readable media does not include carrier waves and electronic signals passing wirelessly or over wired connections.
- In this specification, the term “software” is meant to include firmware residing in read-only memory or applications stored in magnetic storage or flash storage, for example, a solid-state drive, which can be read into memory for processing by a processor. Also, in some implementations, multiple software technologies can be implemented as sub-parts of a larger program while remaining distinct software technologies. In some implementations, multiple software technologies can also be implemented as separate programs. Finally, any combination of separate programs that together implement a software technology described here is within the scope of the subject technology. In some implementations, the software programs, when installed to operate on one or more electronic systems, define one or more specific machine implementations that execute and perform the operations of the software programs.
- A computer program (also known as a program, software, software application, script, or code) can be written in any form of programming language, including compiled or interpreted languages, declarative or procedural languages, and it can be deployed in any form, including as a standalone program or as a module, component, subroutine, object, or other unit suitable for use in a computing environment. A computer program may, but need not, correspond to a file in a file system. A program can be stored in a portion of a file that holds other programs or data (e.g., one or more scripts stored in a markup language document), in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub programs, or portions of code). A computer program can be deployed to be executed on one computer or on multiple computers that are located at one site or distributed across multiple sites and interconnected by a communication network.
- These functions described above can be implemented in digital electronic circuitry, in computer software, firmware or hardware. The techniques can be implemented using one or more computer program products. Programmable processors and computers can be included in or packaged as mobile devices. The processes and logic flows can be performed by one or more programmable processors and by one or more programmable logic circuitry. General and special purpose computing devices and storage devices can be interconnected through communication networks.
- Some implementations include electronic components, for example microprocessors, storage and memory that store computer program instructions in a machine-readable or computer-readable medium (alternatively referred to as computer-readable storage media, machine-readable media, or machine-readable storage media). Some examples of such computer-readable media include RAM, ROM, read-only compact discs (CD-ROM), recordable compact discs (CD-R), rewritable compact discs (CD-RW), read-only digital versatile discs (e.g., DVD-ROM, dual-layer DVD-ROM), a variety of recordable/rewritable DVDs (e.g., DVD-RAM, DVD-RW, DVD+RW, etc.), flash memory (e.g., SD cards, mini-SD cards, micro-SD cards, etc.), magnetic or solid state hard drives, read-only and recordable Blu-Ray® discs, ultra density optical discs, any other optical or magnetic media, and floppy disks. The computer-readable media can store a computer program that is executable by at least one processing unit and includes sets of instructions for performing various operations. Examples of computer programs or computer code include machine code, for example is produced by a compiler, and files including higher-level code that are executed by a computer, an electronic component, or a microprocessor using an interpreter.
- While the above discussion primarily refers to microprocessor or multi-core processors that execute software, some implementations are performed by one or more integrated circuits, for example application specific integrated circuits (ASICs) or field programmable gate arrays (FPGAs). In some implementations, such integrated circuits execute instructions that are stored on the circuit itself.
- As used in this specification and any claims of this application, the terms “computer”, “server”, “processor”, and “memory” all refer to electronic or other technological devices. These terms exclude people or groups of people. For the purposes of the specification, the terms display or displaying means displaying on an electronic device. As used in this specification and any claims of this application, the terms “computer readable medium” and “computer readable media” are entirely restricted to tangible, physical objects that store information in a form that is readable by a computer. These terms exclude any wireless signals, wired download signals, and any other ephemeral signals.
- To provide for interaction with a user, implementations of the subject matter described in this specification can be implemented on a computer having a display device, e.g., a cathode ray tube (CRT) or liquid crystal display (LCD) monitor, for displaying information to the user and a keyboard and a pointing device, e.g., a mouse or a trackball, by which the user can provide input to the computer. Other kinds of devices can be used to provide for interaction with a user as well; for example, feedback provided to the user can be any form of sensory feedback, e.g., visual feedback, auditory feedback, or tactile feedback; and input from the user can be received in any form, including acoustic, speech, or tactile input. In addition, a computer can interact with a user by sending documents to and receiving documents from a device that is used by the user; for example, by sending web pages to a web browser on a user's client device in response to requests received from the web browser.
- The subject matter described in this specification can be implemented in a computing system that includes a back end component, e.g., as a data server, or that includes a middleware component, e.g., an application server, or that includes a front end component, e.g., a client computer having a graphical user interface or a Web browser through which a user can interact with an implementation of the subject matter described in this specification, or any combination of one or more such back end, middleware, or front end components. The components of the system can be interconnected by any form or medium of digital data communication, e.g., a communication network. Examples of communication networks include a local area network (LAN) and a wide area network (WAN), an inter-network (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks).
- The computing system can include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. In some aspects of the disclosed subject matter, a server transmits data (e.g., an HTML page) to a client device (e.g., for purposes of displaying data to and receiving user input from a user interacting with the client device). Data generated at the client device (e.g., a result of the user interaction) can be received from the client device at the server.
- It is understood that any specific order or hierarchy of steps in the processes disclosed is an illustration of example approaches. Based upon design preferences, it is understood that the specific order or hierarchy of steps in the processes may be rearranged, or that all illustrated steps be performed. Some of the steps may be performed simultaneously. For example, in certain circumstances, multitasking and parallel processing may be advantageous. Moreover, the separation of various system components illustrated above should not be understood as requiring such separation, and it should be understood that the described program components and systems can generally be integrated together in a single software product or packaged into multiple software products.
- Various modifications to these aspects will be readily apparent, and the generic principles defined herein may be applied to other aspects. Thus, the claims are not intended to be limited to the aspects shown herein, but is to be accorded the full scope consistent with the language claims, where reference to an element in the singular is not intended to mean “one and only one” unless specifically so stated, but rather “one or more.” Unless specifically stated otherwise, the term “some” refers to one or more. Pronouns in the masculine (e.g., his) include the feminine and neuter gender (e.g., her and its) and vice versa. Headings and subheadings, if any, are used for convenience only and do not limit the subject technology.
- A phrase, for example, an “aspect” does not imply that the aspect is essential to the subject technology or that the aspect applies to all configurations of the subject technology. A disclosure relating to an aspect may apply to all configurations, or one or more configurations. A phrase, for example, an aspect may refer to one or more aspects and vice versa. A phrase, for example, a “configuration” does not imply that such configuration is essential to the subject technology or that such configuration applies to all configurations of the subject technology. A disclosure relating to a configuration may apply to all configurations, or one or more configurations. A phrase, for example, a configuration may refer to one or more configurations and vice versa.
Claims (24)
1. A method, comprising:
presenting a page at a computing device, the page comprising a first input box and a second input box for entering input responsive to one or more prompts;
receiving a first user interaction with the first input box;
presenting, in response to the first user interaction, a first graphical user element in a position overlaying the page, the first graphical user element indicating an autofill suggestion that corresponds to first entry values for the first input box, the position of the first graphical user element being excluded from the page;
receiving a second user interaction with the first graphical user element excluded from the page;
presenting, in response to the second user interaction with the first graphical user element excluded from the page, 1) the first entry values within the first input box and 2) a second graphical user element in a second position overlaying the page, the second graphical user element indicating a second autofill suggestion that corresponds to second entry values for a second input box, the second autofill suggestion being suggested based on the first entry values within the first input box, the second position of the second graphical user element being excluded from the page;
receiving a third user interaction with the second graphical user element excluded from the page; and
presenting, in response to the third user interaction with the second graphical user element excluded from the page, the second entry values within the second input box.
2-4. (canceled)
5. The method of claim 1 , wherein the computing device stores one or more user profiles, and wherein the autofill suggestion corresponds to information stored in the one or more user profiles.
6. (canceled)
7. The method of claim 1 , further comprising:
presenting a second page at the computing device, the second page comprising a particular input box for entering input responsive to one or more prompts;
receiving a particular user interaction with the particular input box;
presenting, in response to the particular user interaction, a particular graphical user element in a position overlaying the second page, the particular graphical user element indicating a particular autofill suggestion that corresponds to entry values for the particular input box, the position of the particular graphical user element being excluded from the second page;
receiving a second particular user interaction with the particular graphical user element excluded from the page;
presenting, in response to the second particular user interaction with the particular graphical user element, a third particular graphical user element in a second position overlaying the second page, wherein the second page excludes the third particular graphical user element, the presented third particular graphical user element indicating a second particular autofill suggestion that corresponds to second entry values for a second particular input box;
receiving a fourth particular user interaction with the third particular graphical user element;
transmitting, in response to the fourth particular user interaction, the second autofill suggestion to a server associated with the second page for input of the second entry values into the page;
presenting, in response to transmitted second autofill suggestion, the second entry values within the second particular input box; and
receiving, via a second particular graphical user element, an input for accepting the autofill suggestion for the particular input box and for accepting the second autofill suggestion for the second particular input box.
8. (canceled)
9. (canceled)
10. A non-transitory computer-readable medium storing instructions which, when executed by one or more processors, cause the one or more processors to implement a method, the method comprising:
presenting a page on a user interface of a client computing device, the page comprising a first input box and a second input box for entering input responsive to one or more prompts;
receiving a first user interaction with the first input box;
presenting, in response to the first user interaction, a first graphical user element in a position overlaying the page, the first graphical user element indicating an autofill suggestion that corresponds to first entry values for the first input box, the position of the first graphical user element being excluded from the page;
receiving a second user interaction with the first graphical user element excluded from the page;
presenting, in response to the second user interaction with the first graphical user element, 1) the first entry values within the first input box and 2), a second graphical user element in a second position overlaying the page, the second graphical user element indicating a second autofill suggestion that corresponds to second entry values for a second input box, the second autofill suggestion being suggested based on the first entry values within the first input box, the second position of the second graphical user element being excluded from the page;
receiving a third user interaction with the second graphical user element excluded from the page; and
presenting, in response to the third user interaction with the second graphical user element excluded from the page, the second entry values within the second input box.
11. (canceled)
12. (canceled)
13. The non-transitory computer-readable medium of claim 10 , wherein the computer stores one or more user profiles, and wherein the autofill suggestion corresponds to information stored in the one or more user profiles.
14-17. (canceled)
18. A computing device comprising:
a touchscreen;
one or more processors; and
a memory comprising instructions which, when executed by the one or more processors, cause the one or more processors to-perform operations comprising:
presenting a page at the touchscreen, the page comprising a first input box and a second input box for entering input responsive to one or more prompts;
receiving a first user interaction with the first input box;
presenting, in response to the first user interaction, a first graphical user element in a position overlaying the page, the first graphical user element indicating an autofill suggestion that corresponds to entry values for the first input box, the position of the first graphical user element being excluded from the page;
receiving, via the touchscreen, a second user interaction with the first graphical user element excluded from the page;
presenting, in response to the second user interaction with the first graphical user element, 1) the entry values within the first input box and 2) a second graphical user element in a second position overlaying the page, the second graphical user element indicating a second autofill suggestion that corresponds to second entry values for a second input box, the second autofill suggestion being suggested based on the entry values within the first input box, the second position of the second graphical user element being excluded from the page;
receiving a third user interaction with the second graphical user element excluded from the page; and
presenting, in response to the third user interaction with the second graphical user element excluded from the page, the second entry values within the second input box.
19. (canceled)
20. The computing device of claim 18 , wherein the computing device stores one or more user profiles, and wherein the autofill suggestion corresponds to information stored in the one or more user profiles.
21. (canceled)
22. The method of claim 7 , further comprising a prioritized listing of autofill suggestions for the second particular input box based on the second particular user interaction with the particular input box, the second particular autofill suggestion corresponding to one of the autofill suggestions in the prioritized listing.
23. The method of claim 7 , wherein the second particular autofill suggestion for the second particular input box is presented after presenting the particular autofill suggestion for the particular input box.
24. The method of claim 7 , wherein the particular autofill suggestion for the particular input box and the second particular autofill suggestion for the second particular input box are associated with a same user.
25. The method of claim 1 , wherein the position of the first graphical user element is within the first input box.
26. The method of claim 1 , further comprising:
providing for display an on-screen keyboard on the page, the position of the presented first graphical user element being adjacent to the on-screen keyboard.
27. The method of claim 1 , further comprising:
presenting, in response to the first user interaction, a third graphical user element in a third position overlaying the page, the third position of the third graphical user element being adjacent to the position of the presented first graphical user element, the presented third graphical user element indicating a third autofill suggestion that corresponds to third entry values for the first input box, the page excluding the third graphical user element.
28-33. (canceled)
34. The method of claim 1 , wherein presenting the entry values within the first input box further comprises:
presenting for display a shaded region overlaying a portion of the page, the shaded region including the entry values, the portion of the page including the first input box and a second portion of the portion of the page, the second portion of the page not including an input box.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US14/042,448 US20180260085A1 (en) | 2013-09-30 | 2013-09-30 | Autofill user interface for mobile device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US14/042,448 US20180260085A1 (en) | 2013-09-30 | 2013-09-30 | Autofill user interface for mobile device |
Publications (1)
Publication Number | Publication Date |
---|---|
US20180260085A1 true US20180260085A1 (en) | 2018-09-13 |
Family
ID=63444703
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US14/042,448 Abandoned US20180260085A1 (en) | 2013-09-30 | 2013-09-30 | Autofill user interface for mobile device |
Country Status (1)
Country | Link |
---|---|
US (1) | US20180260085A1 (en) |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20190213242A1 (en) * | 2018-01-11 | 2019-07-11 | Microsoft Technology Licensing, Llc | Techniques for auto-populating form input fields of an application |
CN110874148A (en) * | 2019-10-28 | 2020-03-10 | 维沃移动通信有限公司 | Input control method and electronic equipment |
US10776571B2 (en) * | 2016-05-04 | 2020-09-15 | Google Llc | Dispatch of user input to multiple input fields in a user interface |
US10936609B2 (en) * | 2018-05-18 | 2021-03-02 | Apple Inc. | Presenting user information suggestions |
US20210405767A1 (en) * | 2019-03-12 | 2021-12-30 | Huawei Technologies Co., Ltd. | Input Method Candidate Content Recommendation Method and Electronic Device |
CN114281197A (en) * | 2021-12-14 | 2022-04-05 | Oppo广东移动通信有限公司 | Information filling method, device, electronic device and storage medium |
US11392862B2 (en) * | 2018-09-26 | 2022-07-19 | Rakuten Group, Inc. | Reception system, reception method, and program |
US11423209B2 (en) * | 2016-06-10 | 2022-08-23 | Apple Inc. | Device, method, and graphical user interface for classifying and populating fields of electronic forms |
US11645250B2 (en) * | 2017-12-08 | 2023-05-09 | Palantir Technologies Inc. | Detection and enrichment of missing data or metadata for large data sets |
US20230409612A1 (en) * | 2018-08-03 | 2023-12-21 | Kilpatrick Townsend & Stockton Llp | Graphically Representing Related Record Families Using a Phantom Parent Node |
US11907652B2 (en) * | 2022-06-02 | 2024-02-20 | On Time Staffing, Inc. | User interface and systems for document creation |
US12248750B2 (en) | 2022-08-02 | 2025-03-11 | Capital One Services, Llc | Accelerated form completion with email address analytics |
US12386868B2 (en) | 2018-08-03 | 2025-08-12 | Kilpatrick Townsend & Stockton Llp | Identifying missing nodes within a graphically represented family |
US12393614B2 (en) | 2018-08-03 | 2025-08-19 | Kilpatrick Townsend & Stockton Llp | Identifying and graphically representing multiple parent nodes of a child node |
-
2013
- 2013-09-30 US US14/042,448 patent/US20180260085A1/en not_active Abandoned
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10776571B2 (en) * | 2016-05-04 | 2020-09-15 | Google Llc | Dispatch of user input to multiple input fields in a user interface |
US11423209B2 (en) * | 2016-06-10 | 2022-08-23 | Apple Inc. | Device, method, and graphical user interface for classifying and populating fields of electronic forms |
US11645250B2 (en) * | 2017-12-08 | 2023-05-09 | Palantir Technologies Inc. | Detection and enrichment of missing data or metadata for large data sets |
US20190213242A1 (en) * | 2018-01-11 | 2019-07-11 | Microsoft Technology Licensing, Llc | Techniques for auto-populating form input fields of an application |
US10936609B2 (en) * | 2018-05-18 | 2021-03-02 | Apple Inc. | Presenting user information suggestions |
US11475029B2 (en) | 2018-05-18 | 2022-10-18 | Apple Inc. | Presenting user information suggestions |
US12235879B2 (en) * | 2018-08-03 | 2025-02-25 | Kilpatrick Townsend & Stockton Llp | Graphically representing related record families using a phantom parent node |
US20230409612A1 (en) * | 2018-08-03 | 2023-12-21 | Kilpatrick Townsend & Stockton Llp | Graphically Representing Related Record Families Using a Phantom Parent Node |
US20250124058A1 (en) * | 2018-08-03 | 2025-04-17 | Kilpatrick Townsend & Stockton Llp | Graphically Representing Related Record Families Using a Phantom Parent Node |
US12386868B2 (en) | 2018-08-03 | 2025-08-12 | Kilpatrick Townsend & Stockton Llp | Identifying missing nodes within a graphically represented family |
US12393614B2 (en) | 2018-08-03 | 2025-08-19 | Kilpatrick Townsend & Stockton Llp | Identifying and graphically representing multiple parent nodes of a child node |
US11392862B2 (en) * | 2018-09-26 | 2022-07-19 | Rakuten Group, Inc. | Reception system, reception method, and program |
US20210405767A1 (en) * | 2019-03-12 | 2021-12-30 | Huawei Technologies Co., Ltd. | Input Method Candidate Content Recommendation Method and Electronic Device |
CN110874148A (en) * | 2019-10-28 | 2020-03-10 | 维沃移动通信有限公司 | Input control method and electronic equipment |
CN114281197A (en) * | 2021-12-14 | 2022-04-05 | Oppo广东移动通信有限公司 | Information filling method, device, electronic device and storage medium |
US11907652B2 (en) * | 2022-06-02 | 2024-02-20 | On Time Staffing, Inc. | User interface and systems for document creation |
US12321694B2 (en) | 2022-06-02 | 2025-06-03 | On Time Staffing Inc. | User interface and systems for document creation |
US12248750B2 (en) | 2022-08-02 | 2025-03-11 | Capital One Services, Llc | Accelerated form completion with email address analytics |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20180260085A1 (en) | Autofill user interface for mobile device | |
US20210311597A1 (en) | Multi-spatial overview mode | |
US11789605B2 (en) | Context based gesture actions on a touchscreen | |
US20150199082A1 (en) | Displaying actionable items in an overscroll area | |
US8443297B1 (en) | Dimming a window that is out of focus | |
US10067628B2 (en) | Presenting open windows and tabs | |
US8451246B1 (en) | Swipe gesture classification | |
US9740393B2 (en) | Processing a hover event on a touchscreen device | |
US10409420B1 (en) | Touch interpretation for displayed elements | |
US20150153949A1 (en) | Task selections associated with text inputs | |
CN107533568B (en) | System and method for determining application zoom level | |
US10445413B2 (en) | Sharing links which include user input | |
US20150220151A1 (en) | Dynamically change between input modes based on user input | |
US8510675B1 (en) | Hiding window borders | |
US9335905B1 (en) | Content selection feedback | |
US9588636B1 (en) | Exit full screen mode of a web browser on content-based event | |
US20150205516A1 (en) | System and method for processing touch input | |
US9606720B1 (en) | System and method for providing a preview of a digital photo album | |
US20130265237A1 (en) | System and method for modifying content display size | |
US20140337404A1 (en) | System and method for providing access points | |
US10303752B2 (en) | Transferring a web content display from one container to another container while maintaining state | |
US9003313B1 (en) | System and method for modifying a user interface | |
US9519395B1 (en) | Presenting windows or tabs | |
US20150199076A1 (en) | System and method for providing web content for display based on physical dimension requirements |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AS | Assignment |
Owner name: GOOGLE INC., CALIFORNIA Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNORS:WHITELAW, CASEY STUART;STRANGE, ANGELA;BLACKLER, JAMES;AND OTHERS;SIGNING DATES FROM 20130920 TO 20130927;REEL/FRAME:031333/0622 |
|
AS | Assignment |
Owner name: GOOGLE LLC, CALIFORNIA Free format text: CHANGE OF NAME;ASSIGNOR:GOOGLE INC.;REEL/FRAME:044567/0001 Effective date: 20170929 |
|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- FAILURE TO RESPOND TO AN OFFICE ACTION |