I'm trying to design an icon that represents "active apps/activities" in a very simple way so that the icon remains clear even when at 50% of the size show below (left).
As you might have noticed (right ->) I failed at my first attempt to represent this "active apps" menu. What I created for it is embarrassingly bad, partially because I made the icon out of HTML/CSS purely, in a rush.
- Displays active apps.
- Rests below the area of the image shown, and rises when the icon is clicked or dragged, pushing the 3 icons upward, to remain above it.
- Contains "windows" of different activities being done.
- This menu showing a user's activity is inspired by iOS's "open apps" menu (to give a better idea of what it's like).
Basically it's a slide-up activity menu with icons anchored to the top.
I'm trying to represent this menu in an obvious way, but this is difficult to do considering this interface is for mobile devices and the icons need to remain simple and clear, and balanced within the volume of a square the size of the icon shown on the left.
How can I do this?