> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/bdb-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/bdb-documentation/data-visualization/self-service/getting-started/creating-a-new-story/creating-a-new-view/view-design.md).

# View Design

{% hint style="success" %}
Check out the given walk-through on how to create a Story using the Design option.
{% endhint %}

![Creating a new Story using the Design option](/files/YM8crUG8AriMWAn7CWSI)

* Navigate to the **Data Store list**. It will display the space where the   newly created story is saved by default. E.g., ***Story*** is the newly created story under the ***My Documents.***
* Search a specific **Data Store** from the list.
* Click on a ***Data Store*** name to select.
* While selecting a data store, the user gets three options to begin working with the newly created story:
  * ***Create Instance*** / ***Update Instance***: It suggests to refresh the selected Data Store either by Creating a new Instance or Updating an existing Instance.
  * ***View Design:*** It redirects the user to the ***Design*** workspace where through drag and drop of the required dimensions and measures, a new view gets created for the newly-created story. &#x20;
  * ***Search:*** It redirects the users to approach the newly created business story using the ***Search*** functionality.
* Select the ***View Design*** option.

![Selecting the View Design option for a Data Store](/files/1NmEsKHkfmuE6lfTzTcC)

* The ***Design*** page opens displaying the default ***Guided Tour*** dialog box.
* Please end the tour by selecting the ***End tour*** option.

![Default tour dialog box for the Design page.](/files/CjWqN7DBIJ4X0vSJ70kX)

* Drag and drop ***Dimensions/Measures*** to the suggested place.
* Instantly a view gets created using the ***Mixed chart*** (by default).
* Click the ***Save View*** icon to save it.

![Instantly designed View on the Design page](/files/NdCg0pXUvKlyBEUKVL1K)

* A confirmation message appears.
* The View gets saved on the ***Storyboard*** page.

![The View gets saved on the Storyboard.](/files/jmNXo5FaWB02MewGFeby)

<details>

<summary>The Guided Tour option on the Design page</summary>

* The guided tour option appears by default while opening the ***Design*** page.
* You may choose the ***Next*** option to continue with the guided tour.
* Choose the ***End tour*** option to end the guided tour.

&#x20;      ![](/files/5PBs1oN5QZmVxNAdjNvh)

* Click the ***Prev*** option to go back to the previous page.

&#x20;     ![](/files/WXEutuLqp4d6KPlBFgp3)

&#x20;     &#x20;

</details>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*

* Refer to the [*<mark style="color:blue;">**Design**</mark>*](/bdb-documentation/data-visualization/self-service/design.md) section of this document for a detailed understanding of the ***Design*** page options *.*
* The user can select another charting option to change the default visual display of the newly created View.
* Use the ***Properties*** tab to set the chart specific properties and enhance the look and feel of the newly created View.
  {% endhint %}
