Friday, January 17, 2014

DumDums' Ameba Pigg New User Interface Concept Art

Hey! This is DumDums and I made something out of boredom and out of nothing better to do. This is a UI (User Interface) Concept art for our beloved game Ameba Pigg. The Style is flat and Windows Metro-Ish and it adds new features to the game itself. (This is based on a full screen)

:: Quick Overview

























The Style of the UI I made is largely influenced by Pet Society and The Sims UIs (The Color Blue Theme). 

:: LOWER LEFT DETAILS




















Detail A :: The Classic Chat Bar - You still have access to the Chat History and Emoticons (Clicking on the speech bubble pops up a list of emoticons available like the ones we have now).
Detail B :: The Actions Tab - The White box will show a quick preview of what action would be done if you click on it. It can be set to any action. To change, clicking on the arrow beside it will pop up all of your actions and you may either click them to activate or double click to set as default action (to be shown in white area).
Detail C :: Room Navigator - Nothing new, just a different style.

:: LOWER RIGHT DETAILS 















Detail A :: The Menu Buttons (Light Blue Button is Selected Button)
1. Play Mode (Triangular Button) - Can either show you your house, or show your houses' settings. It can also show you your pocket items and other houses you can own (new feature).
2. World (Map with Pin Button) - Equivalent to the Travel Button in Pigg.
3. Furniture - Your furniture, and shop for furniture.
4. Wardrobe - Your clothes, and shop for clothes.
5. Buddies - Your Buddies List and Circle of Buddies List (New Feature).
6. Events and Games - Fishing, Casino, Events, Your Clubs, Music Rooms, Etc.
Detail B :: Profile Details
Instead of the annoying Pop-up profile we have at the moment, a permanent profile set permanently to the side will remove clutter and give a modern look to the game. 
1. Heart: Props
2. Envelope: Inbox/Send Message
3. Green Arrow: Visit House
4. Yellow Plus: Add as buddy
5. Blue Circles: Other Options (Opens a small box atop of it with options such as Description, Country, Block, Report, Gift, Kick Out of House/Group, etc.)
6. Username: Copy and Paste username
Detail C :: Profile Photo 
Connected to Detail B, this will show the photo of the Pigg you click, including you. The Circular backdrop is customizable with 10+ colors available to choose; either match it with the clothes you're wearing or pick any color you want.)

:: UPPER LEFT DETAILS














Detail A and B :: Currency - Gummies ($) and AmeGold (G) and Buy more buttons (+)
Detail C :: Room Information - Room Title is partially visible next to an arrow that when hovered, drops a box below it that shows House description, Owner, Last decorated, and the Pico feature bulletin board. Other options such as "Ask for Control" will allow other players to control another player's house. Report room Button for obscene and rule violating rules is also present.
Detail D :: Main House Controls - Plus Button adds the room to your favorite rooms (Cannot add your own house/rooms). Heart Button replaces Ring, and 08 (Number) represents how many people are in the room you're in at the moment. Click the number will drop down a box that shows everyone's name and avatar thumbnail, allowing you to kick or give anyone control with ease.

:: UPPER RIGHT DETAILS














Detail A :: Time of the Day - We've had Day, Sunset, and Night for a long time now in Pigg, but this new feature allows people to check the exact "time of the day" with visuals such as A sun, clouds, and a moon. There are Seven stages (as opposed to what we have now which is 3): Sunset, Early Morning, Morning, Afternoon, Sunset, Evening, Night. You can also alter the time of your specific room if you'd like, but with a price of 200 AmeGold (realistic gameplay. not everything's free in Pigg anyway).
Detail B :: Season Tab - Find out what season the room you're in is in with this new feature. There are quite a few seasons (Spring is free and default). You can change and purchase Seasons, from realistic ones like Summer and Winter, to fantasy based ones like Polluted Air, Outer Space, and Fairy Wind, etc.) The arrow lets you choose between purchased seasons.
Detail C :: Info - Friend Requests, Pigg News Blog, and Inbox
Detail D :: Settings - Classic Settings, Volume, SFX, Hi or Low Q graphics option, etc.

:: CENTRAL RIGHT DETAILS

Detail A :: Hide-able New Events - The Things you see on the left part of your screen (usually unnecessary) are now smaller and can be hidden to the right.

Detail B :: Camera Controls















HERE IS THE ORIGINAL CONCEPT HAND DRAWN BY ME. YOU CAN VIEW IT AT MY ONLINE PORTFOLIO iamtrebla.carbonmade.com/




What do you think? Do you think this would be a decent replacement to our current UI which has been almost the same in the past years? Comment your thoughts below OR on our Facebook post at fb.com/amepigg