CloseMenu+

Online Auction Application

Scenario

Company Globex is planning to buy the following items –

  • a. 50 laptops (4GB memory, 1 TB HDD)
  • b. 50 laptop bags
  • c. 120 Desktops (8GB memory, 1 TB HDD, 15” LCD Monitor)
  • d. 3 years Warranty for the Desktops only
Globex’s Purchasing Manager, Mr. John has created an eAuction using an online auction application and has invited Suppliers- MomCorp, PolyCon & Yubaba to participate in the auction.

The eAuction application allows Globex to create an auction online with all the required information. Suppliers can log in online and provide their offers and the buyer can see all the offers from his phone and finally decide on the supplier to award.

MOBILE

Deliverables

Design responsive interface for an auction application- Website + Mobile App.
  • •   Wireframes for both the journeys – mockups/ wireframes, final visual designs with live interactions.
  • •   The screens should be intuitive and self-explanatory and descriptions / notes are not required.
  • •   Design for iOS and Android platform.

Buyer Screen / Journey:

This is the screen that the buyer will use to monitor the auction after the auction has been created and some suppliers have already submitted their offer(s). The screen should contain all the information that the buyer would need and all the actions that the buyer could perform.

Key Entities

  • •   Best Bid (all items & by item) by Savings and Amount.
  • •   Time Left.
  • •   No of Suppliers and Bids by Suppliers.
  • •   Ranks.
  • •   Extend or Close Auction.
  • •   Connect with Supplier(s).
  • •   View Trend.
  • •   Inform Stakeholders.
  • •   Alerts.
Existing Websites/ Applications

Did a study on the Information Architecture, content and interfaces of some of the most popular results upon a search for e-auction application.

Information Architecture
  • Initial Sketches

    Hand- Drawn Wireframes

    In human–computer interaction, paper prototyping is a widely used method in the user-centered design process. It helps come with a design that meets the user's expectations and needs. The method was used to understand the primary tasks of the user at any given point of the screen. This led to the formation of the information architecture- defining the primary, secondary and tertiary tasks of the user and their progressive disclosure.

    This is a set of hand drawn sketches I made to illustrate what I had in my mind.

  • Low Fidelity Mockups

    Sketch Mockups
  • Supplier Screen / Journey:

    Screen used by the supplier to take part in this auction. As above, the screen should contain all the information that the supplier would need and all the actions that the supplier could perform.

    Key Entities

    • •   Current Bid.
    • •   Best Bid.
    • •   Time Left.
    • •   Rank.
    • •   Update Bid.
    • •   Connect with Buyer.
    • •   Alerts & Notifications.