GR2 - Designs

Scenario

It's Sunday night, and Ichigo Kurosake logs in on the Midnight Exchange to* look at his assigned midnights for the week*. He notes that he has Pots on Thursday night, but he has a really important nanoquiz in 6.813 on Friday, which he really needs to study for. He then* looks at the current market for Thursday Pots*. He thinks the current Ask price is too high, so he* places a new Buy Order* on the market. He goes to his Current Trades to double check and notes that he has a pending Thursday Pots order.

Later that night, Jorge Daniels logs into the Exchange. He's taking a pretty light schedule this term and is trying to make some money. He* looks through the current market* looking for some way to make money. He sees Ichigo's order for Thursday Pots labor and decides to sell it, thinking the price will go down later on in the week. He* adds Thursday Pots to his Watch List*, so he can come back and easily check the prices later.

On Monday, Ichigo logs back into the Exchange. He views his Current Trades and notices that Jorge has sold him Thursday Pots. He breathes a sigh of relief and logs out to continue with his studies.

Jorge logs back in every day that week to check the current price of Thursday Pots on his Watch List. On Wednesday, he sees the price has gone down below the price he originally sold it for, and goes to buy Thursday Pots labor.

Designs

Design #1

Home Page

Upon logging-in, users are brought to the home page, which displays a search bar, the current assignments for Midnights, a watch list, and a portfolio. The search bar is displayed at the top of the page along with the current date. The Midnight table is the first information widget and appears directly under the search bar. While the initial table of assigned midnights is determined by the Midnight Maker algorithm, it dynamically updates as trades are made. In addition, the midnights assigned to the authenticated user will be highlighted in color for readability. The watch list and portfolio tables both display quote information to the user. In the watch list, the user can add or delete Midnights in which he is interested in tracking. When adding a midnight, the user selects from two drop-down menus that indicate Midnight type and date. When deleting, the user ticks the check-box and hits the delete button. The portfolio indicates all active and completed trades made by the user, and thus cannot be edited.

In Ichigo's case, he would immediately see from Current Midnights that he has Pots on Thurday night as indicated by his Athena username, tttpeng.
User's can search for quotes for Midnight labor by using the search bar at the top of the page. For example, Ichigo would type "Pots" in the text field and hit enter (or click on the Get Quotes button). He would then be brought to a page which displays information on Pots.

Quotes Page
The header, including the search bar does not change in navigation. Since the user should be able to search for a quote from any page, it remains at the top throughout the user experience. The new components to this page include the left-side navigation and the main content. The left-side navigation links pertain specifically to the quote that was searched. Description displays the basic checklist for the work that is expected to be done for the Midnight. Quotes displays all price information on buying and selling of the particular Midnight. Finally, the summary page displays key statistics such as Highs and Lows. Although all content is displayed in the picture, the squiggly lines indicate that they are different and only appear when navigated to. The default page is the Quotes page.

Ichigo clicks on the date link in the Quotes table to invoke the Trade menu, which darkens the screen and displays a large JavaScript popup menu. 

The Trade Menu displays the price information for the selected Midnight. It will update as the market price changes so that the user has up-to-date knowledge on how the Midnight is trading while filling in the trade. The user selects the trade mode using a drop-down menu. If market is selected, the trade will execute at the highest bid price on the market. If limit is selected, the user will have the option of inputing the highest price he is willing to buy labor at. Pressing Place Order will bring the user to a confirmation menu. Pressing Confirm will place the order and display a confirmation. A user can change the order at the confirmation page by pressing change. Once the confirmation page is displayed, the user can click outside of the menu or X-out to return to the Quotes page. Ichigo would follow the process outlined above to buy Midnight labor for Pots on Wednesday, by executing a Buy Limit at $20.50.

Jorge Daniels would follow a similar process to sell his labor. When he logs-in, his assigned Midnights will be highlighted in color. After nagivating to the Quotes page, he will choose to execute a Sell Limit, instead of Buy Limit. Since Jorge is also interested in watching for potentially high ask prices, he populates his watch list with Pots for all days of the week. Rather than submitting 5 requests, Jorge simply leaves the Date field blank while indicating Pots for Labor type. His watch list now displays 5 rows for Pots - one for each day of the work week. 

Design #2

Home Page

Upon logging-in, users are brought to the home page, which displays a search bar, the current assignments for Midnights, a watch list, and a portfolio. The search bar is displayed at the top of the page along with the current date. The Midnight table is the first information widget and appears directly under the search bar. While the initial table of assigned midnights is determined by the Midnight Maker algorithm, it dynamically updates as trades are made. In addition, the midnights assigned to the authenticated user will be highlighted in color for readability. The watch list and portfolio tables both display quote information to the user. In the watch list, the user can add or delete Midnights in which he is interested in tracking. When adding a midnight, the user selects from two drop-down menus that indicate Midnight type and date. When deleting, the user ticks the check-box and hits the delete button. The portfolio indicates all active and completed trades made by the user, and thus cannot be edited.

In Ichigo's case, he would immediately see from Current Midnights that he has Pots on Thurday night as indicated by his Athena username, tttpeng.
User's can search for quotes for Midnight labor by using the search bar at the top of the page. For example, Ichigo would type "Pots" in the text field and hit enter (or click on the Get Quotes button). He would then be brought to a page which displays information on Pots.

Design #3

blahblah