CN110389808A - Full-expasion date picker applied to quick-view object designs - Google Patents
Full-expasion date picker applied to quick-view object designs Download PDFInfo
- Publication number
- CN110389808A CN110389808A CN201910680982.6A CN201910680982A CN110389808A CN 110389808 A CN110389808 A CN 110389808A CN 201910680982 A CN201910680982 A CN 201910680982A CN 110389808 A CN110389808 A CN 110389808A
- Authority
- CN
- China
- Prior art keywords
- date
- month
- mode
- mouse
- picker
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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; CALCULATING OR 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
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention relates to a kind of Full-expasion date picker applied to quick-view object, the date picker includes month mode and time mode；It is defaulted as currently browsing the object corresponding place date, which is month mode；Mouse is clicked or is hovered any month, then this month all date is unfolded；Mouse leaves month, then date picker is restored to month mode；It clicks time date picker and switches to time mode；Mouse clicks quickly positioning anchor point, and date picker switches month mode reduction default conditions, positioning date to where currently checking object.Its advantage is shown: solving the problems, such as repetitive operation when shop operation personnel or designer carry out fast browsing to object picture, the mouse-over at the end PC is played as far as possible and utilizes the interaction feature rolled, it reduces user and loses sense in whole operation selection, convenient, efficiency, beauty and the interaction for guaranteeing that date picker uses are consistent, working efficiency is improved, learning cost is reduced.
Description
Technical field
The present invention relates to Internet technical fields, specifically, being a kind of Full-expasion applied to quick-view object
Date picker design.
Background technique
Daily e-commerce operation personnel and designer work in, the accumulation and inquiry of history material be one often some do
Public scene.Operation personnel and designer would generally carry out inquiry and fast to the concern long picture materials of shop homepage according to time dimension
Speed browsing.
Under normal conditions, software can provide the date and screen to user, can scan for after user's option date.
Date picker interface alternation form is generally divided into two schools:
1. being typically employed in the date picker in an input frame, successively it is unfolded to select the time-using cascade selector
Select the month-selection target date.When using this type of interaction, the progressive displaying of the options of date.
2. successively selecting or inputting number, and scan for using three input frames of month in time-- date segmentation.
Two above traditional scheme, the path that user chooses target date is too long, and interaction is complicated.When user demand is quick
The selector collapsed when switching the date in an input frame cannot provide the function of fast browsing and inquiry.Selection suitable day
Phase selector can allow user very smooth in the use process of product, if improper on the contrary will cause user's operation multiple
It is miscellaneous, and get lost, interfere user to interact with website.
Chinese patent literature: CN201810830256.3, the applying date: 2018.07.25, patent name are as follows: a kind of offer is soft
The method of part time and date user interface.The method of a kind of offer software time and date user interface, including base are provided
One or more interface assemblies are selected in the time of request and/or date, and return to the response including selected interface assembly,
This method may include adjusting the time in the time zone of Terminal Server Client and/or user, and interface module can be completely embedded into response,
Or can be reference to external module, interface assembly may include and the user task that joins with date and/or time correlation
Related data, for showing the formatted message of task data to the user of Terminal Server Client, user interacts with task data
Instruction etc..
One of above patent document provide software time and date user interface method, can to user faster,
More easily or automatically project, the page, data or the screen for accessing their needs, without explicitly modifying to user.But
It is to the greatest extent may be used about a kind of repetitive operation for solving the problems, such as shop operation personnel or designer to object picture progress fast browsing when
The mouse-over at the end PC can be played and using the interaction feature rolled, reduce user and lose sense in whole operation selection, protect
Convenient, efficiency, beauty and the interaction that card date picker uses are consistent, improve working efficiency, the one kind for reducing learning cost is answered
Full-expasion date picker design for quick-view object is at present then without relevant report.
In conclusion needing a kind of weight solved when shop operation personnel or designer carry out fast browsing to object picture
Multiple operational issue, the as far as possible mouse-over at the performance end PC and the interaction feature using rolling reduce user and select in whole operation
Sense is lost in selecting, convenient, efficiency, beauty and the interaction for guaranteeing that date picker uses are consistent, improve working efficiency, reduce
A kind of Full-expasion date picker applied to quick-view object of learning cost.
Summary of the invention
The purpose of the present invention is aiming at the shortcomings in the prior art, provide a kind of solution shop operation personnel or designer couple
Object picture carries out repetitive operation problem when fast browsing, the as far as possible mouse-over at the performance end PC and the interaction using rolling
Feature reduces user and loses sense in whole operation selection, convenient, efficiency, beauty and the friendship for guaranteeing that date picker uses
It is mutually consistent, working efficiency is improved, a kind of Full-expasion date picker applied to quick-view object of learning cost is reduced.
To achieve the above object, the technical solution adopted by the present invention is that:
A kind of Full-expasion date picker applied to quick-view object, which is characterized in that the date selection
Device includes month mode and time mode；It is defaulted as currently browsing the object corresponding place date, which is month
Mode is the minimum level of the date picker；Body normal expansion display under the mode: the whole of the moon where M1. object
Date in odd-numbered day；M2. the last month of the moon where object；M3. the next month of the moon where object；M4. the quick positioning anchor point of existing object；
M5. the time of existing object.
As a kind of perferred technical scheme, mouse is clicked or is hovered any month, then this month all date is unfolded；Mouse
Any date is clicked, then checks object under the date；Mouse leaves month, then date picker is restored to month mode；Mouse
It rolls, then after having scrolled this month all dates, continues to roll the date picker automatically switching to time mode；Click year
Part date picker switches to time mode, and date picker main body level was narrowed upwards to minimum unit month；Under the mode
Body normal expansion is shown: this year Y1. whole single month months；Y2. the quick positioning anchor point of existing object；Y3. existing object
Time.
As a kind of perferred technical scheme, mouse clicks any date, then checks the date object；Mouse is clicked or is hanged
Meaning month ceasing to hold office this month all date is then unfolded；Mouse clicks any date, then checks object under the date, date selection
Device automatically switches to month mode；Mouse leaves month, then date picker is restored to time mode；Mouse rollovers then roll
After having shown this year all times, continue that rolling view is next or next all months in time；Mouse clicks quickly positioning
Anchor point, date picker switch month mode reduction default conditions, positioning date to where currently checking object.
The invention has the advantages that:
1, date picker is fixed on perpendicular strip expansion on the right side of screen, improves selector visibility, and be not necessarily to point
It hits and is unfolded also switch the object under other dates.
2, the date in mouse-over, that is, deployable adjacent month can check object under the date after loading data after click.
3, mouse clicks time date picker minimum unit constriction to month, and user can pass through mouse point under the mode
Hit or roll the month of quick lock in much earlier or later.
4, no matter in time mode or month mode, user can be locked to by quick anchor point currently checks object
The place date, that reduces user loses sense.
5, the management type on backstage, tool-type website suitable for page end.
6, it solves repetition when shop operation personnel or designer carry out picture (or other) object fast browsing to grasp
Make problem, operated compared to traditional method, the several Full-expasions of use date of the present invention are shown, play the mouse at the end PC as far as possible
Hovering and the interaction feature for utilizing rolling, so that user selects the courses of action of specific date shorter, it is more simply, more natural suitable
Freely.
7, it is positioned using anchor point, quick lock in can reduce user to current browsing object under any circumstance and entirely grasp
Sense is lost in electing, convenient, efficiency, beauty and the interaction for guaranteeing that date picker uses are consistent, working efficiency is improved,
Reduce learning cost.
Detailed description of the invention
Attached drawing 1 is a kind of month mode and year of the Full-expasion date picker applied to quick-view object of the present invention
Part mode declaration pattern specification figure.
A kind of month mode interaction behaviour of 2 Full-expasion date picker applied to quick-view object of the present invention of attached drawing
It explains.
Attached drawing 3 is a kind of time mode interaction of Full-expasion date picker applied to quick-view object of the present invention
Operating instruction.
Attached drawing 4 is a kind of interface example of the Full-expasion date picker applied to quick-view object of the present invention.
Specific embodiment
It elaborates with reference to the accompanying drawing to specific embodiment provided by the invention.
Attached drawing 1 is please referred to, Fig. 1 is a kind of present invention moon of the Full-expasion date picker applied to quick-view object
Part mode and time mode declaration pattern specification figure.A kind of Full-expasion date picker applied to quick-view object, the date
Selector includes month mode and time mode；
It is defaulted as currently browsing the object corresponding place date, which is month mode, is selected for the date
Select the minimum level of device；Body normal expansion display under the mode: whole dates in odd-numbered day of the moon where M1. object；M2. object institute
In the last month of the moon；M3. the next month of the moon where object；M4. the quick positioning anchor point of existing object；M5. the time of existing object；
Attached drawing 2 is please referred to, Fig. 2 is a kind of present invention moon of the Full-expasion date picker applied to quick-view object
Part mode interactive operation explanation；Mouse is clicked or is hovered any month, then this month all date is unfolded；Mouse clicks any day
Phase then checks object under the date；Mouse leaves month, then date picker is restored to month mode；Mouse rollovers then roll
After having shown this month all dates, continue to roll the date picker automatically switching to time mode；
It clicks time date picker and switches to time mode, date picker main body level is narrowed upwards to minimum unit
Month；Body normal expansion is shown under the mode；Y1. this year whole single month months；Y2. the quick positioning anchor point of existing object；
Y3. the time (as shown in Figure 1) of existing object；
Attached drawing 3 is please referred to, Fig. 3 is a kind of present invention year of the Full-expasion date picker applied to quick-view object
Part mode interactive operation explanation；Mouse clicks any date, then checks the date object；Mouse is clicked or is hovered any month,
This month all date is then unfolded；Mouse clicks any date, then checks object under the date, which automatically switches to
Month mode；Mouse leaves month, then date picker is restored to time mode；Mouse rollovers have then scrolled this year institute
After having the time, continue rolling view next (upper one) all months in time；Mouse clicks quickly positioning anchor point, date selection
Device switches month mode reduction default conditions, positioning date to where currently checking object.
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described:
[step 1] analyzes demand, formulates preliminary technical solution；
[step 2] front end frame type selecting, is set to VUE at present；
The advantage of vue: lightweight frame, easy to learn, bi-directional data binding, modularization, view, data and structure point
Fast from, virtual DOM, the speed of service, Vue can allow you to access CSS completely in each monofile component, easily provide css
Scope can also introduce css module；
[step 3] considers technological difficulties (recursive realization, menu fullpath record), finds reference；
[step 4] is formally developed；
The test of [step 5] core function；
The compatibility of [step 6] response type；
[step 7] test/interior survey comprehensively.
The present invention once puts into application, and following technical effect may be implemented:
(1) date picker is fixed on perpendicular strip expansion on the right side of screen, improves selector visibility, and be not necessarily to point
It hits and is unfolded also switch the object (as shown in Figure 4) under other dates；
(2) date in mouse-over, that is, deployable adjacent month, after loading data after click, it is right under the date to check
As；
(3) mouse clicks time date picker minimum unit constriction to month.User can pass through mouse under the mode
Click or roll the month of quick lock in much earlier or later；
(4) no matter in time mode or month mode, user can be locked to by quick anchor point currently to be checked pair
The place date of elephant.That reduces user loses sense；
(5) management type on backstage, tool-type website suitable for page end；
(6) it solves repetition when shop operation personnel or designer carry out picture (or other) object fast browsing to grasp
Make problem, operated compared to traditional method, the several Full-expasions of use date of the present invention are shown, play the mouse at the end PC as far as possible
Hovering and the interaction feature for utilizing rolling, so that user selects the courses of action of specific date shorter, it is more simply, more natural suitable
Freely.
(7) it is positioned using anchor point, quick lock in can reduce user to current browsing object under any circumstance and entirely grasp
Sense is lost in electing, convenient, efficiency, beauty and the interaction for guaranteeing that date picker uses are consistent, working efficiency is improved,
Reduce learning cost.
The above is only a preferred embodiment of the present invention, it is noted that for the ordinary skill people of the art
Member, under the premise of not departing from the method for the present invention, can also make several improvement and supplement, these are improved and supplement also should be regarded as
Protection scope of the present invention.
Claims (3)
1. a kind of Full-expasion date picker applied to quick-view object, which is characterized in that the date picker
Including month mode and time mode；It is defaulted as currently browsing the object corresponding place date, which is month mould
Formula is the minimum level of the date picker；Body normal expansion display under the mode: all lists of the moon where M1. object
Date day；M2. the last month of the moon where object；M3. the next month of the moon where object；M4. the quick positioning anchor point of existing object；M5.
The time of existing object.
2. date picker according to claim 1, which is characterized in that mouse is clicked or hovered any month, then is unfolded
This month all date；Mouse clicks any date, then checks object under the date；Mouse leaves month, then date picker is also
As far as month mode；Mouse rollovers after then having scrolled this month all dates, continue to roll date picker automatic switchover
For time mode；It clicks time date picker and switches to time mode, date picker main body level is narrowed upwards to minimum
Unit month；Body normal expansion is shown under the mode: this year Y1. whole single month months；Y2. the quick positioning anchor of existing object
Point；Y3. the time of existing object.
3. date picker according to claim 1, which is characterized in that mouse clicks any date, then checks the date
Object；Mouse is clicked or is hovered any month, then this month all date is unfolded；Mouse clicks any date, then checks the date
Lower object, the date picker automatically switch to month mode；Mouse leaves month, then date picker is restored to time mould
Formula；Mouse rollovers after then having scrolled this year all times, continue that rolling view is next or next all moons in time
Part；Mouse clicks quickly positioning anchor point, and date picker switches month mode reduction default conditions, and positioning is to currently checking pair
As the place date.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910680982.6A CN110389808A (en) | 2019-07-26 | 2019-07-26 | Full-expasion date picker applied to quick-view object designs |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910680982.6A CN110389808A (en) | 2019-07-26 | 2019-07-26 | Full-expasion date picker applied to quick-view object designs |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110389808A true CN110389808A (en) | 2019-10-29 |
Family
ID=68287565
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910680982.6A Pending CN110389808A (en) | 2019-07-26 | 2019-07-26 | Full-expasion date picker applied to quick-view object designs |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110389808A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1671193A (en) * | 2004-02-27 | 2005-09-21 | 索尼株式会社 | Program guide displaying method, apparatus and computer program |
| CN104750348A (en) * | 2013-12-25 | 2015-07-01 | 中国移动通信集团公司 | Calendar interaction method and equipment |
| CN107248066A (en) * | 2017-07-03 | 2017-10-13 | 浪潮软件集团有限公司 | Calendar-based task management system and method |
| CN108052365A (en) * | 2017-12-19 | 2018-05-18 | 深圳市四格互联信息技术有限公司 | The component generation method and device of user interface |
-
2019
- 2019-07-26 CN CN201910680982.6A patent/CN110389808A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1671193A (en) * | 2004-02-27 | 2005-09-21 | 索尼株式会社 | Program guide displaying method, apparatus and computer program |
| CN104750348A (en) * | 2013-12-25 | 2015-07-01 | 中国移动通信集团公司 | Calendar interaction method and equipment |
| CN107248066A (en) * | 2017-07-03 | 2017-10-13 | 浪潮软件集团有限公司 | Calendar-based task management system and method |
| CN108052365A (en) * | 2017-12-19 | 2018-05-18 | 深圳市四格互联信息技术有限公司 | The component generation method and device of user interface |
Non-Patent Citations (1)
| Title |
|---|
| JIMCARTER: ""求助，实现如下图的日期滚动选择控件？"", 《HTTPS://BBS.CSDN.NET/TOPICS/392178057》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Baudisch et al. | Fishnet, a fisheye web browser with search term popouts: a comparative evaluation with overview and linear view | |
| US8209241B2 (en) | Method and system for illustrating where a ticket is located in an event venue | |
| Grossman et al. | Chronicle: capture, exploration, and playback of document workflow histories | |
| US7779360B1 (en) | Map user interface | |
| CN102819416B (en) | A kind of realize the method and apparatus that component content shows | |
| US20100251128A1 (en) | Visualization of website analytics | |
| CN101071375A (en) | Interface development system and control combing method | |
| US20140189558A1 (en) | Information processing device, information processing method, information processing program, and recording medium in which information processing program is recorded | |
| US20090307085A1 (en) | System for displaying inventory search parameters for an advertiser | |
| WO2007039388A1 (en) | System and method for providing a state-based guidance and technology view for an application | |
| CN103098001B (en) | A kind of disposal route of user interface and electronic equipment | |
| CN109408174A (en) | Split screen method, apparatus and storage medium for the application of plate end | |
| US20110136083A1 (en) | Instructional tool for teaching search skills | |
| TW201305946A (en) | Information processing device, information processing method, information processing program product, and recording medium with information processing program recorded therein | |
| WO2003025696A2 (en) | Dynamic web advertisement and content display system | |
| JP2003524830A (en) | Hyper video tracking and reporting system | |
| CN110389808A (en) | Full-expasion date picker applied to quick-view object designs | |
| US20080189615A1 (en) | Web Site Audio/Video Presentation System | |
| JP2002202743A (en) | Internet advertisement display method | |
| CN102142004B (en) | Service processing method and service engine | |
| WO2018158588A1 (en) | System and method for creating and using interactive web content | |
| Schulze et al. | Automatic layout and label management for compact UML sequence diagrams | |
| Capra | HCI Browser: A tool for administration and data collection for studies of web search behaviors | |
| CN101281631A (en) | Method for capturing and exhibiting data information through network | |
| KR100382833B1 (en) | Method of displaying information using a navigation bar in a web browser |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191029 |
|
| RJ01 | Rejection of invention patent application after publication |