US8887073B2 - Reshaping interfaces using content-preserving warps - Google Patents

Reshaping interfaces using content-preserving warps Download PDF

Info

Publication number
US8887073B2
US8887073B2 US13/059,826 US201013059826A US8887073B2 US 8887073 B2 US8887073 B2 US 8887073B2 US 201013059826 A US201013059826 A US 201013059826A US 8887073 B2 US8887073 B2 US 8887073B2
Authority
US
United States
Prior art keywords
user interface
computer
graphical user
content
area
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.)
Active, expires
Application number
US13/059,826
Other languages
English (en)
Other versions
US20120144324A1 (en
Inventor
Ezekiel Kruglick
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Empire Technology Development LLC
Ardent Research Corp
Original Assignee
Empire Technology Development LLC
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Empire Technology Development LLC filed Critical Empire Technology Development LLC
Assigned to ARDENT RESEARCH CORPORATION reassignment ARDENT RESEARCH CORPORATION ASSIGNMENT OF ASSIGNORS INTEREST (SEE DOCUMENT FOR DETAILS). Assignors: KRUGLICK, EZEKIEL
Assigned to EMPIRE TECHNOLOGY DEVELOPMENT LLC reassignment EMPIRE TECHNOLOGY DEVELOPMENT LLC ASSIGNMENT OF ASSIGNORS INTEREST (SEE DOCUMENT FOR DETAILS). Assignors: ARDENT RESEARCH CORPORATION
Publication of US20120144324A1 publication Critical patent/US20120144324A1/en
Application granted granted Critical
Publication of US8887073B2 publication Critical patent/US8887073B2/en
Assigned to CRESTLINE DIRECT FINANCE, L.P. reassignment CRESTLINE DIRECT FINANCE, L.P. SECURITY INTEREST (SEE DOCUMENT FOR DETAILS). Assignors: EMPIRE TECHNOLOGY DEVELOPMENT LLC
Active legal-status Critical Current
Adjusted expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • 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
    • 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]

Definitions

  • GUI graphical user interface
  • some conventional technologies can increase pixel size of the GUI and/or increase the size of interface areas (e.g., a news feed window, a text box, etc.) in the GUI.
  • Such applications can be utilized to implement GUIs designed for devices having smaller displays (e.g., a smartphone) or on devices having larger displays (e.g., a tablet computer).
  • these conventional technologies may lack functionality for reshaping the GUI.
  • the present disclosure generally describes some methods for reshaping a graphical user interface.
  • One or more operations in the methods may be executed through a computer having a processor and a memory.
  • the computer may receive an input of one or more content elements within the graphical interface.
  • the computer may also receive a border corresponding to a first content element in the content elements.
  • the computer may perform a content-preserving warp on the graphical user interface such that a shape and dimensions of the first content element corresponding to the border are preserved.
  • the present disclosure generally describes some computer systems.
  • Some example computer systems may be configured to include a processor, a memory coupled to the processor, and a design tool.
  • the design tool may be adapted to execute in the processor from the memory and, when executed by the processor, cause the computer system to reshape a graphical user interface by performing one or more of the following operations.
  • the computer system may receive one or more content elements within the graphical user interface.
  • the content elements may include a first content element, a second content element, and a third content element.
  • the computer system may also receive a border corresponding to the first content element.
  • the computer system may further receive a keyline separating a first area of the graphical user interface containing the second content element and a second area of the graphical user interface containing the third content element.
  • the computer system may perform a content-preserving warp on the graphical user interface.
  • the computer system may preserve a shape and dimensions of the first content element corresponding to the border, as well as scales of the first area and the second area. Further, the computer system may adjust shapes of the second content element and the third content element within the first area and the second area, respectively, according to the content-preserving warp.
  • the present disclosure generally describes some computer storage media.
  • Some example computer storage media may include computer-executable instructions stored thereon for some methods which, when executed by a computer, adapt the computer reshape a graphical user interface.
  • the computer may be configured to perform one or more of the following operations.
  • the computer may receive one or more content elements within the graphical user interface.
  • the content elements may include a first content element, a second content element, and a third content element.
  • the computer may also receive a border corresponding to the first content element.
  • the computer may further receive a keyline separating a first area of the graphical user interface containing the second content element and a second area of the graphical user interface containing the third content element.
  • the computer may perform a content-preserving warp on the graphical user interface to conform the graphical user interface to a non-rectangular surface.
  • the computer may preserve a shape and dimensions of the first content element corresponding to the border, as well as scales of the first area and the second area.
  • the computer may adjust shapes of the second content element and the third content element within the first area and the second area, respectively, according to the content-preserving warp.
  • FIG. 1 is a functional block diagram illustrating an example interface design tool adapted to reshape a graphical user interface
  • FIG. 2A is a screen display diagram illustrating an example implementation of an original GUI
  • FIG. 2B is a screen display diagram illustrating an example implementation of the original GUI after borders and keylines are added via the design interface
  • FIGS. 3A-3C are screen display diagrams illustrating various example implementations of a reshaped GUI
  • FIG. 4 is a flow diagram illustrating an example process for reshaping a graphical user interface
  • FIG. 5 is a block diagram illustrating an example computing system
  • FIG. 6 is a schematic diagram illustrating a computer program product; all arranged according to at least some embodiments presented herein.
  • This disclosure is generally drawn, inter alia, to an interface design tool configured to reshape a GUI by utilizing a content-preserving warp.
  • the reshaped GUI may be utilized in various applications where alternative visual configurations of the GUI are desirable.
  • a GUI may be reshaped for projection on a non-rectangular surface such that a projection of the reshaped GUI on the non-rectangular surface maintains a similar “look and feel” to a projection of the original GUI on a rectangular surface.
  • An interface designer may desire to preserve various portions of a GUI during the content-preserving warp.
  • the interface designer may want to preserve the shapes of trademarks and interface controls displayed in the GUI.
  • the interface design tool may provide functionality whereby the interface designer can define one or more borders around one or more content elements in the GUI prior to initiating the content-preserving warp.
  • the interface design tool may preserve the shape and dimensions of the content elements within the defined borders, while reshaping and/or resizing other content elements that are not within the defined borders.
  • the interface design tool may also provide functionality whereby the interface designer can define one or more keylines delineating various areas within the GUI prior to initiating the content-preserving warp.
  • the keylines may delineate a first area containing a first content element from a second area containing a second content element.
  • the interface design tool may preserve scales of the first area and the second area.
  • the interface design tool may further reshape and/or resize the first content element within the first area and the second content element within the second area, as the interface design tool also reshapes and/or resizes the first area and the second area.
  • FIG. 1 a functional block diagram illustrates an example interface design tool 100 adapted to reshape a graphical user interface, in accordance with at least some embodiments presented herein.
  • the interface design tool 100 may include a warp module 102 and a design module 104 .
  • the warp module 102 may be adapted to perform a content-preserving warp on an original GUI 106 , thereby transforming the original GUI 106 into a reshaped GUI 108 .
  • a content-preserving warp may refer to a morph or warp performed with a constraint of minimizing total visual deformation by maintaining local similarity of keypoint connections.
  • a content-preserving warp may provide rigid transformations at borders and similar warps around the areas between keylines, where the keylines can represent boundaries that can be rigid or similar to middling degrees.
  • the keylines may provide salience measures.
  • the keylines may also be utilized as energy boundaries along which distortion energies can be minimized in order to maintain “look and feel.” It should be appreciated that content-preserving warps are generally known. As such, content-preserving warps are not described in further detail here. For example, some background on content-preserving warps is described in “Liu et al., Content-Preserving Warps for 3D Video Stabilization”, ACM Transactions on Graphics (Proceedings of SIGGRAPH 2009).
  • the design module 104 may include a design interface 110 .
  • the design interface 110 may be configured to display the original GUI 106 and to offer various functions enabling its user, such as, by way of example only, an interface designer to define borders and/or keylines with respect to the original GUI 106 .
  • the design interface 110 may include a first input function 112 and a second input function 114 .
  • the interface designer may define one or more borders around one or more content elements in the original GUI 106 .
  • a “content element” may refer to any suitable visual element within the original GUI 106 .
  • the content elements may be represented as text, hyperlinks, images, video, various other graphical elements, or combinations thereof.
  • Some examples of content elements may include windows, menus, icons, and interface controls (e.g., buttons).
  • the first input function 112 may include drawing functionality whereby the interface designer can draw or otherwise manually mark a continuous line along an outer edge of a content element.
  • the continuous line may define a border.
  • the interface designer may manually mark the border utilizing a mouse, touchscreen, or other suitable input device.
  • the first input function 112 may include coordinate input functionality whereby the interface designer can input one or more coordinates along an outer edge of a content element and provide an indication that the coordinates form a complete geometry of a border. Upon receiving the coordinates and the indication, the first input function 112 can then mark the border along the outer edge of the content element corresponding to the received coordinates.
  • the interface elements may be drawn or invoked from a library of interface elements that have predefined borders. Other suitable techniques for identifying outer edges of content elements in the original GUI 106 may be similarly implemented.
  • the warp module 102 may preserve the shape and dimensions of the content elements within the defined borders, while reshaping and/or resizing other content elements that are not within the defined borders.
  • the interface designer may define one or more keylines delineating multiple areas within the original GUI 106 .
  • Each area specified by the keylines may include one or more content elements.
  • the second input function 114 may include drawing functionality whereby the interface designer may manually define a keyline by marking a line within the original GUI 106 .
  • Other suitable techniques for delineating multiple areas within the original GUI 106 may be similarly implemented.
  • a keyline may delineate a first area and a second area in the original GUI 106 .
  • the first area may include a first content element
  • the second area may include a second content element.
  • the warp module 102 may preserve scales of the first area and the second area or otherwise warp the areas in a way that numerically minimizes the distortion of the keylines.
  • the warp module 102 may further reshape and/or resize the first content element within the first area and the second content element within the second area, as the warp module 102 also reshapes and/or resizes the first area and the second area.
  • the borders and/or the keylines may be visible on the original GUI 106 and/or the reshaped GUI 108 via the design interface 110 , the borders and/or keylines may not be visible to end users who may view the original GUI 106 and/or the reshaped GUI 108 apart from the interface design tool 100 . That is, the borders and/or the keylines may be markings visible only for interface designers utilizing the interface design tool 100 .
  • the original GUI 106 may include one or more content elements, such as a first set of buttons 202 , a second set of buttons 204 , a status window 206 , a first content portion 208 , a second content portion 210 , and a logo banner 212 .
  • the first content portion 208 and the second content portion 210 may include various visual media, such as text, hyperlinks, images, video, various other graphical elements, or combinations thereof.
  • the first set of buttons 202 , the second set of buttons 204 , the status window 206 , the first content portion 208 , the second content portion 210 , and the logo banner 212 may be collectively referred to as content elements 202 - 212 .
  • FIG. 2B a screen display diagram illustrates an example implementation of the original GUI 106 after borders 214 and keylines 216 are added via the design interface 110 , in accordance with at least some embodiments presented herein.
  • an interface designer can define borders 214 and keylines 216 with respect to the original GUI 106 .
  • the borders 214 are indicated by dotted lines along outer edges of the first set of buttons 202 , the second set of buttons 204 , and the logo banner 212 .
  • the keylines 216 are indicated by dashed lines, which delineate a first area 218 , a second area 220 , a third area 222 , a fourth area 224 , and a fifth area 226 .
  • the first area 218 may include the first set of buttons 202 .
  • the second area 220 may include the status window 206 .
  • the third area 222 may include the first content portion 208 .
  • the fourth area 224 may include the second content portion 210 .
  • the fifth area 226 may include the logo banner 212 and the second set of buttons 204 .
  • FIGS. 3A , 3 B, and 3 C screen display diagrams illustrate first, second, and third example implementations, respectively, of the reshaped GUI 108 , in accordance with at least some embodiments presented herein.
  • the shapes and dimensions of the first set of buttons 202 , the second set of buttons 204 , and the logo banner 212 may be preserved in accordance with the borders 214 .
  • the scales of the status window 206 , the first content portion 208 , and the second content portion 210 may be preserved in accordance with the keylines 216 .
  • the aspect ratios between the status window 206 , the first content portion 208 , and the second content portion 210 may remain the same or substantially the same.
  • the warp may be performed so as to match the outer border to a new shape while minimizing the numeric distortion of the keylines.
  • the status window 206 , the first content portion 208 , and the second content portion 210 may be reshaped and/or resized within the second area 220 , the third area 222 , and the fourth area 224 , respectively, also in accordance with the keylines 216 . It should be appreciated that FIGS. 3A , 3 B, and 3 C may not be drawn to scale with respect to FIG. 2A .
  • the process 400 may include various operations, functions, or actions as illustrated by one or more of blocks 402 - 408 .
  • the process 400 may begin at block 402 (Receive Input of One or More Content Elements within GUI), where the interface design tool 100 may be configured to receive one or more content elements with an original GUI.
  • the interface design tool 100 may receive the content elements 202 - 212 within the original GUI 106 .
  • the design interface 110 may offer multiple unselected content elements.
  • the interface designer may then create a GUI by selecting the content elements from the multiple unselected content elements.
  • the content elements may include a first content element, a second content element, a third content element, and other content elements.
  • Block 402 may be followed by block 404 .
  • the interface design tool 100 may be configured to receive one or more borders corresponding to one or more of the content elements.
  • the design module 104 may effectuate the defining of the borders.
  • the interface design tool 100 may receive, via the design interface 110 , a border corresponding to the first content element in the GUI.
  • the design interface 110 may include the first input function 112 enabling the interface designer to define the border.
  • the first input function 112 may include drawing functionality whereby the interface designer can draw or otherwise manually mark a continuous line along an outer edge of the first content element. The continuous line may define the border.
  • the first input function 112 may include a coordinate input functionality whereby the interface designer can input one or more coordinates along an outer edge of the first content element and provide an indication that the coordinates form a complete geometry of a border. Upon receiving the coordinates and the indication, the first input function 112 can then mark the border along the outer edge of the first content element corresponding to the received coordinates. Other suitable techniques for identifying outer edges of content elements in the original GUI 106 may be similarly implemented. Block 404 may be followed by block 406 .
  • the interface design tool 100 may be configured to receive one or more keylines delineating one or more areas within the GUI.
  • the design module 104 may effectuate the defining of the keylines.
  • the interface design tool 100 may receive, via the design interface 110 , a keyline delineating a first area containing the second content element and a second area containing the third content element.
  • the design interface 110 may include the second input function 114 enabling the interface designer to define the keyline.
  • the second input function 114 may include drawing functionality whereby the interface designer may manually define a keyline by marking a line within the original GUI. Other suitable techniques for delineating multiple areas within the original GUI may be similarly implemented.
  • Block 406 may be followed by block 408 .
  • the interface design tool 100 may be configured to perform, via the warp module 102 , a content-preserving warp on the original GUI, thereby transforming the original GUI to a reshaped GUI, such as the reshaped GUI 108 .
  • the warp module 102 may preserve the shape and dimensions of the content elements within the defined borders, while reshaping and/or resizing other content elements that are not within the defined borders.
  • the warp module 102 may preserve the size and dimensions of at least the first content element, and reshape and/or resize the other content elements.
  • the warp module 102 may also preserve scales of the first area and the second area.
  • the warp module 102 may further reshape and/or resize the second content element within the first area and the third content element within the second area, as the warp module 102 also reshapes and/or resizes the first area and the second area.
  • the process 400 may either repeat (e.g., periodically, continuously, or on demand as needed) or terminate.
  • FIG. 5 is a computer architecture diagram showing an illustrative computer hardware architecture for an example computing system capable of implementing at least some embodiments presented herein.
  • FIG. 5 includes a computer 500 , including a processor 510 , memory 520 and one or more drives 530 .
  • the computer 500 may be implemented as a conventional computer system, an embedded control computer, a laptop, or a server computer, a mobile device, a set-top box, a kiosk, a vehicular information system, a mobile telephone, a customized machine, or other hardware platform.
  • the drives 530 and their associated computer storage media provide storage of computer readable instructions, data structures, program modules and other data for the computer 500 .
  • the drives 530 can include an operating system 540 , application programs 550 , program modules 560 , and a database 580 .
  • the program modules 560 may include the interface design tool 100 .
  • the interface design tool 100 may be adapted to execute the process 400 for reshaping a graphical user interface as described in greater detail above with reference to FIG. 4 .
  • the computer 500 further includes user input devices 590 through which a user may enter commands and data.
  • Input devices can include an electronic digitizer, a microphone, a keyboard and pointing device, commonly referred to as a mouse, trackball or touch pad. Other input devices may include a joystick, game pad, satellite dish, scanner, or the like.
  • These and other input devices can be coupled to the processor 510 through a user input interface that is coupled to a system bus, but may be coupled by other interface and bus structures, such as a parallel port, game port or a universal serial bus (“USB”).
  • Computers such as the computer 500 may also include other peripheral output devices such as speakers, which may be coupled through an output peripheral interface 594 or the like.
  • the computer 500 may operate in a networked environment using logical connections to one or more computers, such as a remote computer coupled to a network interface 596 .
  • the remote computer may be a personal computer, a server, a router, a network PC, a peer device or other common network node, and can include many or all of the elements described above relative to the computer 500 .
  • Networking environments are commonplace in offices, enterprise-wide area networks (“WAN”), local area networks (“LAN”), intranets, and the Internet.
  • the computer 500 When used in a LAN or WLAN networking environment, the computer 500 may be coupled to the LAN through the network interface 596 or an adapter. When used in a WAN networking environment, the computer 500 typically includes a modem or other means for establishing communications over the WAN, such as the Internet or the network 508 .
  • the WAN may include the Internet, the illustrated network 508 , various other networks, or any combination thereof. It will be appreciated that other mechanisms of establishing a communications link, ring, mesh, bus, cloud, or network between the computers may be used.
  • the computer 500 may be coupled to a networking environment.
  • the computer 500 may include one or more instances of a physical computer-readable storage medium or media associated with the drives 530 or other storage devices.
  • the system bus may enable the processor 510 to read code and/or data to/from the computer-readable storage media.
  • the media may represent an apparatus in the form of storage elements that are implemented using any suitable technology, including but not limited to semiconductors, magnetic materials, optical media, electrical storage, electrochemical storage, or any other such storage technology.
  • the media may represent components associated with memory 520 , whether characterized as RAM, ROM, flash, or other types of volatile or nonvolatile memory technology.
  • the media may also represent secondary storage, whether implemented as the storage drives 530 or otherwise.
  • Hard drive implementations may be characterized as solid state, or may include rotating media storing magnetically-encoded information.
  • the storage media may include one or more program modules 560 .
  • the program modules 560 may include software instructions that, when loaded into the processor 510 and executed, transform a general-purpose computing system into a special-purpose computing system. As detailed throughout this description, the program modules 560 may provide various tools or techniques by which the computer 500 may participate within the overall systems or operating environments using the components, logic flows, and/or data structures discussed herein.
  • the processor 510 may be constructed from any number of transistors or other circuit elements, which may individually or collectively assume any number of states. More specifically, the processor 510 may operate as a state machine or finite-state machine. Such a machine may be transformed to a second machine, or specific machine by loading executable instructions contained within the program modules 560 . These computer-executable instructions may transform the processor 510 by specifying how the processor 510 transitions between states, thereby transforming the transistors or other circuit elements constituting the processor 510 from a first machine to a second machine. The states of either machine may also be transformed by receiving input from the one or more user input devices 590 , the network interface 596 , other peripherals, other interfaces, or one or more users or other actors. Either machine may also transform states, or various physical characteristics of various output devices such as printers, speakers, video displays, or otherwise.
  • Encoding the program modules 560 may also transform the physical structure of the storage media.
  • the specific transformation of physical structure may depend on various factors, in different implementations of this description. Examples of such factors may include, but are not limited to: the technology used to implement the storage media, whether the storage media are characterized as primary or secondary storage, and the like.
  • the program modules 560 may transform the physical state of the semiconductor memory 520 when the software is encoded therein.
  • the software may transform the state of transistors, capacitors, or other discrete circuit elements constituting the semiconductor memory 520 .
  • the storage media may be implemented using magnetic or optical technology such as drives 530 .
  • the program modules 560 may transform the physical state of magnetic or optical media, when the software is encoded therein. These transformations may include altering the magnetic characteristics of particular locations within given magnetic media. These transformations may also include altering the physical features or characteristics of particular locations within given optical media, to change the optical characteristics of those locations. It should be appreciated that various other transformations of physical media are possible without departing from the scope and spirit of the present description.
  • FIG. 6 a schematic diagram that illustrates a partial view of a computer program product 600 that includes a computer program for executing a computer process on a computing device, arranged according to at least some embodiments presented herein.
  • An illustrative embodiment of the example computer program product is provided using a signal bearing medium 602 , and may include at least one instruction of 604 : one or more instructions for receiving a one or more content elements within the graphical user interface; one or more instructions for receiving a border corresponding to the first content element; one or more instructions for receiving keylines separating a first area of the graphical user interface containing a second content element and a second area of the graphical user interface containing a third content element; and one or more instructions for performing a content-preserving warp on the graphical user interface.
  • the signal bearing medium 602 of the one or more computer program products 600 include a computer readable medium 606 , a recordable medium 608 , and/or a communications medium 610 .
  • program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types.
  • program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types.
  • program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types.
  • the subject matter described herein may be practiced with other computer system configurations, including hand-held devices, multi-core processor systems, microprocessor-based or programmable consumer electronics, minicomputers, mainframe computers, and the like.
  • a range includes each individual member.
  • a group having 1-3 elements refers to groups having 1, 2, or 3 elements.
  • a group having 1-5 elements refers to groups having 1, 2, 3, 4, or 5 elements, and so forth.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
US13/059,826 2010-12-01 2010-12-01 Reshaping interfaces using content-preserving warps Active 2031-09-24 US8887073B2 (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/US2010/058503 WO2012074521A1 (en) 2010-12-01 2010-12-01 Reshaping interfaces using content-preserving warps

Publications (2)

Publication Number Publication Date
US20120144324A1 US20120144324A1 (en) 2012-06-07
US8887073B2 true US8887073B2 (en) 2014-11-11

Family

ID=46163457

Family Applications (1)

Application Number Title Priority Date Filing Date
US13/059,826 Active 2031-09-24 US8887073B2 (en) 2010-12-01 2010-12-01 Reshaping interfaces using content-preserving warps

Country Status (5)

Country Link
US (1) US8887073B2 (ko)
KR (1) KR101532846B1 (ko)
CN (1) CN103201786B (ko)
DE (1) DE112010006047T5 (ko)
WO (1) WO2012074521A1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10620974B2 (en) 2017-02-13 2020-04-14 Microsoft Technology Licensing, Llc Gallery control with dynamically determined control template replica sizes

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170052683A1 (en) * 2015-08-20 2017-02-23 International Business Machines Corporation Altering a display perspective to avoid scrolling
US20190056854A1 (en) * 2016-10-31 2019-02-21 Hewlett-Packard Development Company, L.P. Developing a non-rectangular user interface
US10825134B2 (en) * 2018-03-29 2020-11-03 Owned Outcomes Inc. System and method for scaling content across multiple form factors
EP3716037A1 (en) * 2019-03-28 2020-09-30 ABB Schweiz AG Responsive auto-layouting of industrial process graphics

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6504541B1 (en) 1998-10-21 2003-01-07 Tele Atlas North America, Inc. Warping geometric objects
US20030107591A1 (en) 2001-12-04 2003-06-12 Jameson Kevin W. Collection role changing GUI
US20030179237A1 (en) * 2002-03-22 2003-09-25 Nelson Lester D. System and method for arranging, manipulating and displaying objects in a graphical user interface
US20050251757A1 (en) * 2004-05-04 2005-11-10 International Business Machines Corporation Display of enlarged visual container graphical user interface (GUI) components during GUI layout or design
US7064772B1 (en) 2000-06-01 2006-06-20 Aerocast.Com, Inc. Resizable graphical user interface
US20080295005A1 (en) * 2002-05-30 2008-11-27 Microsoft Corporation System and method for adaptive document layout via manifold content
US7583276B1 (en) * 2003-09-29 2009-09-01 Adobe Systems Incorporated Warping tool definition
US20090327925A1 (en) * 2008-06-27 2009-12-31 Microsoft Corporation User interface localization conflict indication
US8218895B1 (en) * 2006-09-27 2012-07-10 Wisconsin Alumni Research Foundation Systems and methods for generating and displaying a warped image using fish eye warping
US8225198B2 (en) * 2008-03-31 2012-07-17 Vistaprint Technologies Limited Flexible web page template building system and method

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20050060923A (ko) * 2003-12-17 2005-06-22 엘지전자 주식회사 이동통신 단말기 입력 장치 및 방법
CN101154137B (zh) * 2006-09-27 2010-04-14 联想(北京)有限公司 一种图形用户界面输入装置

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6504541B1 (en) 1998-10-21 2003-01-07 Tele Atlas North America, Inc. Warping geometric objects
US7064772B1 (en) 2000-06-01 2006-06-20 Aerocast.Com, Inc. Resizable graphical user interface
US20030107591A1 (en) 2001-12-04 2003-06-12 Jameson Kevin W. Collection role changing GUI
US20030179237A1 (en) * 2002-03-22 2003-09-25 Nelson Lester D. System and method for arranging, manipulating and displaying objects in a graphical user interface
US20080295005A1 (en) * 2002-05-30 2008-11-27 Microsoft Corporation System and method for adaptive document layout via manifold content
US7583276B1 (en) * 2003-09-29 2009-09-01 Adobe Systems Incorporated Warping tool definition
US20050251757A1 (en) * 2004-05-04 2005-11-10 International Business Machines Corporation Display of enlarged visual container graphical user interface (GUI) components during GUI layout or design
US8218895B1 (en) * 2006-09-27 2012-07-10 Wisconsin Alumni Research Foundation Systems and methods for generating and displaying a warped image using fish eye warping
US8225198B2 (en) * 2008-03-31 2012-07-17 Vistaprint Technologies Limited Flexible web page template building system and method
US20090327925A1 (en) * 2008-06-27 2009-12-31 Microsoft Corporation User interface localization conflict indication

Non-Patent Citations (9)

* Cited by examiner, † Cited by third party
Title
"Java Advanced Imaging API Summary," Appendix B, Copyright © 1999, Sun Microsystems, Inc., pp. 23, accessed on http://java.sun.com/products/java-media/jai/forDevelopers/jai1-0-1guide-unc/API-summary.doc.html, Last accessed at Apr. 17, 2012.
Beier, T. et al., "Feature-based image metamorphosis," Computer Graphics 26, No. 2, pp. 35-42, 1991.
Francisco-Revilla, L. et al., "WARP: a web-based dynamic spatial hypertext," in Proceedings of the fifteenth ACM conference on Hypertext and hypermedia (ACM, 2004), 235-236.
Heckbert, P. S., "Fundamentals of texture mapping and image warping," University of California at Berkeley, Berkeley, CA, 1989.
International Search Report dated Jan. 21, 2011 in International Serial No. PCT/US10/58503.
Liu, F. et al., "Content-Preserving Warps for 3D Video Stabilization," ACM Transactions on Graphics (Proceedings of SIGGRAPH 2009), 2009.
S. Avidan and A. Shamir, "Seam carving for content-aware image resizing," ACM Transactions on Graphics 26, No. 3, p. 10, 2007.
Wang, Y. S. et al., "Optimized scale-and-stretch for image resizing," ACM Trans. Graph 27, No. 5, p. 118, 2008.
Wolf, L. et al., "Non-homogeneous content-driven video-retargeting," in Proceedings of the Eleventh IEEE International Conference on Computer Vision (ICCV-07), 2007.

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10620974B2 (en) 2017-02-13 2020-04-14 Microsoft Technology Licensing, Llc Gallery control with dynamically determined control template replica sizes

Also Published As

Publication number Publication date
KR20130073943A (ko) 2013-07-03
WO2012074521A1 (en) 2012-06-07
KR101532846B1 (ko) 2015-06-30
CN103201786B (zh) 2015-11-25
CN103201786A (zh) 2013-07-10
DE112010006047T5 (de) 2013-09-19
US20120144324A1 (en) 2012-06-07

Similar Documents

Publication Publication Date Title
US9507520B2 (en) Touch-based reorganization of page element
EP3543869A1 (en) Segmenting content displayed on a computing device into regions based on pixels of a screenshot image that captures the content
US9747010B2 (en) Electronic content visual comparison apparatus and method
EP2756481B1 (en) System and method for layering using tile-based renderers
US8607148B2 (en) Method and system for performing drag and drop operation
US20120311501A1 (en) Displaying graphical object relationships in a workspace
Wu et al. ViSizer: a visualization resizing framework
US8887073B2 (en) Reshaping interfaces using content-preserving warps
US20160154564A1 (en) Electronic device and method for providing desktop user interface
US9285979B2 (en) Computer-implemented methods and systems for multi-touch duplication and swapping interactions
US8767020B1 (en) Content representation sharing across applications
US20140164911A1 (en) Preserving layout of region of content during modification
US20140040789A1 (en) Tool configuration history in a user interface
US20160342307A1 (en) Method, electronic device, and non-transitory storage medium for adjusting icons
US8875008B2 (en) Presentation progress as context for presenter and audience
CN106095437A (zh) 用户界面从右到左rtl的布局方式的实现方法及装置
US20150347097A1 (en) Adaptive user interfaces
CN111510646A (zh) 拼接屏的视频显示方法、显示装置、计算机设备和介质
US8756494B2 (en) Methods and systems for designing documents with inline scrollable elements
US11238623B2 (en) Automatic line drawing coloring program, automatic line drawing coloring apparatus, and graphical user interface program
US8416237B1 (en) Perspective aware automatic guide generation
US20140365955A1 (en) Window reshaping by selective edge revisions
CN106548501B (zh) 一种图像绘制方法及设备
US10514834B2 (en) Method and system for selecting objects on a computer screen
US8223123B1 (en) Hardware accelerated caret rendering

Legal Events

Date Code Title Description
AS Assignment

Owner name: EMPIRE TECHNOLOGY DEVELOPMENT LLC, DELAWARE

Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNOR:ARDENT RESEARCH CORPORATION;REEL/FRAME:025415/0616

Effective date: 20101124

Owner name: ARDENT RESEARCH CORPORATION, CALIFORNIA

Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNOR:KRUGLICK, EZEKIEL;REEL/FRAME:025415/0592

Effective date: 20101124

STCF Information on status: patent grant

Free format text: PATENTED CASE

CC Certificate of correction
MAFP Maintenance fee payment

Free format text: PAYMENT OF MAINTENANCE FEE, 4TH YEAR, LARGE ENTITY (ORIGINAL EVENT CODE: M1551)

Year of fee payment: 4

AS Assignment

Owner name: CRESTLINE DIRECT FINANCE, L.P., TEXAS

Free format text: SECURITY INTEREST;ASSIGNOR:EMPIRE TECHNOLOGY DEVELOPMENT LLC;REEL/FRAME:048373/0217

Effective date: 20181228

FEPP Fee payment procedure

Free format text: MAINTENANCE FEE REMINDER MAILED (ORIGINAL EVENT CODE: REM.); ENTITY STATUS OF PATENT OWNER: LARGE ENTITY