# US 12,008,227 B2 · Performant configuration user interface > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 12,008,227 B2 - Document ID: US12008227B2 - Status: Granted - Kind: B2 - Application number: 18/177,662 - Filed: 2023-03-02 - Published: 2023-09-07 - Granted: 2024-06-11 - Earliest claimed: 2021-03-02 - Assignees: Builder Homesite, Inc. - Applicants: Builder Homesite, Inc. - Inventors: Kati Presley; Nicole Lellis; Alpana Arora - Web page: https://patentgrep.com/patent/US12008227B2 ## CPC - G06F 3/048: Interaction techniques based on graphical user interfaces [GUI] - G06F 3/04845: for image manipulation, e.g. dragging, rotation, expansion or change of colour - G06F 3/04815: Interaction with a metaphor-based environment or interaction object displayed as three-dimensional [3D], e.g. changing the user viewpoint with respect to the environment or object - G06F 3/0488: using a touch-screen or digitiser, e.g. input of commands through traced gestures - G06F 30/12: characterised by design entry means specially adapted for CAD, e.g. graphical user interfaces [GUI] specially adapted for CAD - G06F 30/13: Architectural design, e.g. computer-aided architectural design [CAAD] related to design of buildings, bridges, landscapes, production plants or roads - G06T 5/70: Denoising; Smoothing - G06F 2111/16: Customisation or personalisation - G06F 2111/20: Configuration CAD, e.g. designing by assembling or positioning modules selected from libraries of predesigned modules - G06F 2203/04803: Split screen, i.e. subdividing the display area or the window area into separate subareas - G06F 2203/04804: Transparency, e.g. transparent or translucent windows - G06T 2200/24: involving graphical user interfaces [GUIs] - G06T 2207/20192: Edge enhancement; Edge preservation - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) - G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL ## Abstract A process includes obtaining a set of images compositable to depict different design configurations; providing a first user interface by which members of the set are overlaid responsive to user inputs to depict different design configurations; obtaining a first design configuration specified via the first user interface; and providing a second user interface depicting a field of view having a first portion depicting the first design configuration and a second porting depicting a second design configuration, the second user interface being operative to adjust allocation in pixel space of the field of view between the first portion and the second portion responsive to user input. ## Claims ### Claim 1 A tangible, non-transitory, machine-readable medium storing instructions that when executed by one or more processors effectuate operations comprising: providing, with a computer system, a first user interface depicting a field of view having a first portion depicting a first design configuration and a second portion depicting a second design configuration, wherein the first design configuration includes a first set of images of a plurality of images compositable to depict different design configurations, and the second design configuration includes a second set of images of the plurality of images, and wherein at least one image of the first set of images: shares an object at a position in pixel space with at least one image of the second set of images, and includes a first design option for the object that is different than a second design option for the object in the at least one image of the second set of images, and wherein the providing the first user interface causes display of a first portion of the object with the first design option simultaneously with a second portion of the object with the second design option; adjusting, with the computer system and based on a user input, allocation in pixel space of the field of view between the first portion and the second portion to generate a second user interface; and providing, with the computer system, the second user interface, wherein the providing the second user interface causes display of the object with only the first design option or the second design option. ### Claim 2 (depends on 1) The medium of claim 1, wherein each of the first set of images and the second set of images includes a base image and at least one template image overlaid on top of the base image. ### Claim 3 (depends on 2) The medium of claim 2, wherein the base image depicts the field of view with at least a portion of an article of manufacture. ### Claim 4 (depends on 2) The medium of claim 2, wherein the at least one template image includes a first portion with pixels that are transparent such that, when overlaid on the base image, the pixels of the base image are still viewable, and wherein the at least one template image includes a second portion with pixels that are nontransparent and provide a design option for the first design configuration or the second design configuration such that, when overlaid on the base image, the pixels of the second portion occlude and overlay pixels in the base image to depict the design option. ### Claim 5 (depends on 2) The medium of claim 2, wherein a template image of the at least one template image includes a depth value that indicates a position of the template image in a stack of template images. ### Claim 6 (depends on 2) The medium of claim 2, wherein the base image and the at least one template image are stacked in a div box in a document object model. ### Claim 7 (depends on 2) The medium of claim 2, wherein the operations include steps for reducing edge artifacts in the at least one template image. ### Claim 8 (depends on 1) The medium of claim 1, wherein the second user interface includes a user interface element that splits the second user interface and is slidable to adjust the allocation in pixel space of the field of view between the first portion of the field of view and the second portion of the field of view responsive to the user input. ### Claim 9 (depends on 8) The medium of claim 8, wherein the user interface element is presented as animated sliding. ### Claim 10 (depends on 8) The medium of claim 8, wherein the user interface element is presented with an animated snap to a position corresponding to a predefined granular adjustment. ### Claim 11 (depends on 1) The medium of claim 1, wherein the adjusting allocation in pixel space of the field of view between the first portion of the field of view and the second portion of the field of view responsive to the user input includes fading the first portion into the second portion by adjusting a transparency of the first portion. ### Claim 12 (depends on 1) The medium of claim 1, wherein the adjusting allocation in pixel space of the field of view between the first portion of the field of view and the second portion of the field of view responsive to the user input includes a region that is movable by the user input such that the first portion is presented in the region and the second portion is presented outside the region. ### Claim 13 (depends on 1) The medium of claim 1, wherein the second user interface includes scripting language instructions that map an event handler to an element in a document object model of the second user interface that corresponds to the user input to make the adjustment. ### Claim 14 (depends on 1) The medium of claim 1, wherein the operations comprise steps for adjusting allocation in the pixel space of the field of view between the first portion and the second portion responsive to the user input. ### Claim 15 A method, comprising: providing, with a computer system, a first user interface depicting a field of view having a first portion depicting a first design configuration and a second portion depicting a second design configuration, wherein the first design configuration includes a first set of images of a plurality of images compositable to depict different design configurations, and the second design configuration includes a second set of images of the plurality of images, and wherein at least one image of the first set of images: shares an object at a position in pixel space with at least one image of the second set of images, and includes a first design option for the object that is different than a second design option for the object in the at least one image of the second set of images, and wherein the providing the first user interface causes display of a first portion of the object with the first design option simultaneously with a second portion of the object with the second design option; adjusting, with the computer system and based on a user input, allocation in pixel space of the field of view between the first portion and the second portion to generate a second user interface; and providing, with the computer system, the second user interface, wherein the providing the second user interface causes display of the object with only the first design option or the second design option. ### Claim 16 (depends on 15) The method of claim 15, wherein each of the first set of images and the second set of images includes a base image and at least one template image overlaid on top of the base image. ### Claim 17 (depends on 16) The method of claim 16, wherein the at least one template image includes a first portion with pixels that are transparent such that, when overlaid on the base image, the pixels of the base image are still viewable, and wherein the at least one template image includes a second portion with pixels that are nontransparent and provide a design option for the first design configuration or the second design configuration such that, when overlaid on the base image, the pixels of the second portion occlude and overlay pixels in the base image to depict the design option. ### Claim 18 (depends on 16) The method of claim 16, wherein a template image of the at least one template image includes a depth value that indicates a position of the template image in a stack of template images. ### Claim 19 (depends on 16) The method of claim 16, wherein the base image and the at least one template image are stacked in a div box in a document object model. ### Claim 20 (depends on 16) The method of claim 16, further comprising steps for reducing edge artifacts in the at least one template image.