Rapid prototyping of user experience components and related application functionality

Inventors: Billy Ma (San Francisco, CA); Brian Truong (San Francisco, CA)

Assignee: Salesforce, Inc.

G06F8/20 G06F9/451 G06F8/10 G06F8/38

View Patent ↗

Loading inventors, assignments & file history…

Monitor This Case

Get email alerts when status or documents change.

Order Certified Copies

Most orders are placed with the USPTO same day — all within 24 business hours.

Order via The Patent Place →

Pre-filled with this patent's details

Quick Facts

Patent No.: US 11,704,093
App. No.: 17/485,702
Granted: Jul 18, 2023
Kind: B2

External Links

USPTO Patent Center↗ Full Patent PDF↗

Abstract

Methods, computer readable media, and devices for rapid prototyping of both user experience and technical features in a combined approach. One method may include creating a set of known user experience (UX) components including a user interface element representing at least one of a data element and a data interaction, creating a UX screen including a set of UX elements within a UX prototyping tool, translating the UX screen into a set of standardized UX components, publishing the set of standardized UX components by mapping the set of standardized UX components to synthetic data, and validating a technical aspect of the published set of standardized UX components based on user interaction with the published set of standardized UX components.

Claims (53)

1 . A computer-implemented method for rapid prototyping, the method comprising:

creating a set of known user experience (UX) components, wherein a UX component comprises a user interface element representing at least one of a data element and a data interaction;

creating a UX screen within a UX prototyping tool, the UX screen comprising a set of UX elements;

translating the UX screen into a set of standardized UX components by:

for at least one UX element of the set of UX elements, creating a reference UX component, the reference UX component being a component representation of the at least one UX element;

comparing the reference UX component to the set of known UX components to identify a matching known UX component; and

replacing the reference UX component with the matching known UX component in the set of standardized UX components;

publishing the set of standardized UX components by mapping the set of standardized UX components to synthetic data; and

validating a technical aspect of the published set of standardized UX components based on user interaction with the published set of standardized UX components.

2 . The computer-implemented method of claim 1 , wherein a user interface element comprises a hypertext markup language (HTML) element.

3 . The computer-implemented method of claim 1 , wherein at least one known UX component of the set of known UX components comprises a user interface element and a component element, the component element being a reference to another known UX component.

4 . The computer-implemented method of claim 1 , wherein creating a UX screen within a UX prototyping tool comprises:

for at least one UX element in the set of UX elements, annotating data information associated with the at least one UX element; and

for at least one UX element in the set of UX elements, annotating interaction information associated with the at least one UX element.

5 . The computer-implemented method of claim 1 , wherein the UX prototyping tool is selected from the list comprising:

figma; and

sketch.

6 . A non-transitory machine-readable storage medium that provides instructions that, if executed by a processor, are configurable to cause the processor to perform operations comprising: