Week 10 - Design Our Main Screen (30\12-06\01)

Create a 1st prototype of our main screen , base our main page on our technology research, interviews with experts and technological feasibility

This week we entered the practice phase. We first defined an information architecture that would define the structure and internal organization of the app, in a way that would best serve the users, and make it easier for them to navigate between parts of the system.

As part of defining information architecture, we chose a method of organization and navigation and embedded all parts of the system in it. Information architecture will help system content become more accessible and understandable, define a hierarchy between content components, and streamline workflows within the system.

The continuation of the work process was divided into three main tasks:

1. Analysis articles about User interface

design of similar applications while emphasizing how to present quantitative information, how to create engagement, create an effective incentive, ratings and other common cognitive models.

2. Design the first wireframe of the main screen on them the continuation of the process will be based

3. Research about APIs and tools that will enable us to implement the wireframe technically.

Firstly, on the part of the cognitive research, Noa took command and researched in-depth about articles and studies that examined the successful models of applications of leading companies such as Uber, Get, Glassdoor, Amazon, etc which represent the right model for a good user interface process focused on ratings, reviews and involvement of The crowds.

As a result, several essential guidelines have been raised, attached the document:

https://drive.google.com/file/d/1gX-pd2CrK27HukfoPrzE3mAkGFDNqEza/view?usp=sharing

After a joint meeting and presentation of the above findings, the design team focused on the initial wireframe of one of the main screens in our app. The profile screen of the apartment, where you can see the entire history of the apartments while focusing on the ratings of past tenants.

First, create a moodboard for inspiration whether it is from popular sites like Dribble, Muesli, and Behance or such in apps that are recognized and usable by users.

The profile screen of the apartment, where you can see the entire history of the apartments while focusing on the ratings of past tenants.

For this purpose, we used Figma, which we started working on while dealing with the main questions: how to present to the user most simply and intuitively all the important information and how to catalog it effectively and following existing products on the market and the way the user knows and likes.

Because we deal with quantitative information, one of the guidelines in our work was: present the information in a simple, easy-to-understand, and intuitive way while focusing on reducing the stress that the user is in any way when searching exhaustingly for the information.

Attached the wireframe:

Lastly, we researched APIs to understand what tools we can use to implement our features technically

To sum up the week, we feel satisfied with the work provider, however, we believe it is possible to continue to raise the execution threshold later on.