I posted below the video about our final browser. Enjoy!
This storyboard can be heared on the video presentation.
Because there are different types of people with different interests, we choose to customize the application according to user profile.
The application requires sign up and sign in.
When the application first opens, you will see the page “about”. Here the application is described and we can also see a video presentation.
At the top,we have the logo of the application. Following, the forward and backwards buttons,and a search bar. In the top right we have links to register, sign in, and about page.When you sign in, the link will change the logout link and the register link will disappear.The oposite happens when user click sign up.
There is a tab with the possibility of adding new tabs, and the program description.
To begin with, we assume that you do not have an account, so we go on the link to register. There are some fields that must be completed and the submit button requires email confirmation. Once you clicked on the link received on email, you are redirected to your account information page.As you can see, you are automatically logged.
In the upper left of page, the register and sign in links dissapears and the username followed by logout link appears.
You are being asked your full name, gender, birth date, city, country, social status and domain activity. The save changes button appears and also a exit button if you don’t want to complete that fields for the moment. Domain activity is an important factor to decide wich category are selected by default. Gender is also important, because the theme-default changes according to the user choice.
Next comes the pop-up preferences where you can configure categories you want to be available. You can also select the desired language for interface. The default selected categories are favorites links and mail. Depending on the domain activity, another category will be selected by default.
Further options appear for quick links. By default are marked wheater and calendar. Next the options for theme appear. If the user has chosen the female gender, it will be selected the pink theme, and if chosen the male gender it will be selected the blue theme.
Any of these default options can be changed, if user wants other categories to be added in the menu.
Pressing the save button, the changes are saved and the user is redirected to the main page .
Quick links appear in the right side on a sidebar when you take your mouse over it. On the bottom is a button bar with the sign plus, allowing this button to add a new quick link.
Right Clicking on a quick link, a menu appears with options “edit and delete.
Categories appear in the left side on a sidebar when you take your mouse over it. On the bottom is a button bar with the sign plus, allowing this button to add a new category.
Right Clicking on a category, a menu appears with options “edit, delete, add links, add widgets. ” Pressing edit you can modify the category name or change icon, pressing delete you can erase category and pressing add link or widget you can intodruce a new link or a widget in the category you previously selected.
By clicking on a category, the widgets and links for that category appear in the main tab. For a more structured view they are divided by type.
move your mouse cursor over a link, and you will see a picture for the link, if the link was already visited once. Clicking on a link or widget, it will be opened in the same page.
Clicking the logout button you will be sent backs to the about page.
Me and Doru have finished the wireframe.
I post below some pictures and explain some steps to use our browser. Enjoy:D!
First picture shows the start page with a presentation and a movie training.
If you go with your mouse on one of the sidebars, you will see this:
There are some categories with links and widgets organized by user. Also you can edit,delete or add categories, widgets and links.
To change settings or preferances, user can acces the next meniu:
If user clicks on Add widgets button, the next window will be opened:
And user can add all the widgets he wants.The widgets will be added in the category previously selected.
Me and Doru worked togheter and we came with our first “stuff” about the project. We made a sketch on paper and a list of the most important categories accessed by users: Favorite Pages, Business, News and Weather, Home Banking, Agenda, Email, Jobs, Education, Entertaiment, Social Networks, Shopping, Wish List, Travels and Currency.
We also made some observations:
We posts below the sketch and we hope we’ll have the wireframe soon.