Unlocking the Potential of the Cloud for IBM Power Systems
Ui Presentation (1)
1. hola! - User Interface What this does: hola! Is a connection manager. It is the application that helps you to connect to the Internet through whatever connection is available to your computer; WiFi networks around you, Ethernet cable, etc. In an environment where there are many access points, some of which are locked, some require payment, etc., hola helps the user to quickly find the free access point, and connect to the internet.
2. More… We have uploaded the following files: Our logo Our current connection manager UI (draft) Microsoft’s connection manager UI This file, which shows the elements of the UI that we need
3. Our Requirements To design the main view (page) of the UI. We are open to any type of design We like the iPhone type design Need to also provide the few icons and buttons that this user interface requires (for buttons also need to provide the ‘hover’ and ‘pressed’ versions) Consider integrating our logo in to the design, possibly as the icon on the top left
4. The Microsoft Connection Manager Access point connection status (this one is connected) The List area, where all the connection alternatives are listed. In this case, all the Wi-Fi access points are listed since “Wi-Fi” is chosen Name of the access point Access point’s signal strength Connection manager options
5. The hola!Connection Manager Connection manager options are chosen by clicking this Status of the application “Tab” selection – which type of connections the user wants to view (in this case, “Wi-Fi” connections are chosen) “connect” and “disconnect” (from access point) buttons (only for access point chosen) Access point password (only for access point chosen) The List area, where all the connection alternatives are listed. In this case, all the Wi-Fi access points are listed since “Wi-Fi” is chosen Name of the access point Access point’s signal strength Access point connection status (this one is connected to the Internet. Other statuses include ‘connected’ (to the access point, but not to the internet), ‘locked’, ‘un-identified’, ‘was connected to in the past’) Current status of registered users Window resize corner
6. The iPhone Connection Manager Settings button Button to turn WiFi on/off Name of the access point Access point’s signal strength Access Point details page Access point connection status (this one is locked) Details page
7. Palette The UI needs to be friendly, and to appeal also to non-techies. Therefore, need the palette to be gentle colors. Take a look at www.mozilla.org; their site's palette is very friendly in our mind. All black is probably not friendly enough (if you want to use black or grey, try mixing in some lighter areas, like the list background) Please do not use too many colors in the UI, to keep a clean look You can use transparencies to make the UI more interesting
8. Icons Icon on the top left: This should be the Hola logo, with the "hola!" text (& font). This is used as a button from which a menu comes down (no need to design the menu part) The top row icons (Wifi, etc.): There should only be 3 icons in the list: WiFi, Ethernet, and Other We would like the icons to be unique, and uniform. I suggest to work on one to make it unique, and then make the rest uniform with that Icons in general: consider to use the Hola logo's fire icon to create the other icons. For example, the lock could have 'fire' hair, etc. This is not a must.
9. Other notes There may be more access points in the area than may fit in to the screen. For this, a scroll bar on the right is probably needed Consider clearly marking the access point to which the user is connected (by highlighting the list entry?) Consider to include a progress bar for while the application is trying to connect to the access point the user chose (maybe a ‘barbershop’ type roll?)