On this project, my task was to create the Ui/Ux for Liquidnet 5. With Liquidnet 5, users can see trading information instantly on their desktop.
When I first start, I always just put all the information necessary on the allotted space. It's a fun process where I get into brainstorming sessions with managers, CEO's, and investors. We discuss the priorities, what is the most important information, and least important. What takes up the most space, and what takes up the least amount of space. I do worst case scenarios for text lengths.
After I do some wireframing and placement, I extrapolate the designs I have made to the desktop software. I quickly see that the biggest issue is the size of the squares themselves Instead of focusing on the internal design, I present multiple size options to the team.
I learn that the users look at these very quickly. They need a quick glance to know what's happening with a variety of stocks.
I experiment, and try doing small areas for the stocks. Nobody asked for this, but regardless I presented it because a big part of my job is thinking of the options nobody else has. This design does come at the cost of removing certain pieces of data.
I get positive feedback at the direction and sizes. It seems that the users and company do want a very lean design, but with all the information in at the same time. Sounds like an impossible task, but I go for it
I double the length of the area, while maintaining its leanness, and add in all the information. I quickly see the text is just too small for this kind of size. I present the issue to the managers.
Then, the magic moment happens. The managers realize, that we could do a 3 column spread instead of a single. They would also like a box like structure, and they realize that they can remove certain pieces of information.
I make the design and present the hover state. The design gets wide approval. This process was a great success because I listened and was patient with all involved. A big part of a designers job is to help the managers realize themselves what they want by presenting options.
Liquidnet Commission Management Voting
I was tasked to create an internal voting system. This was not for standard users, but for workers within Liquidnet.
As usual, I ask for all the information I needed for the project and set everything up. On the design on the left, I use the standard designs because I am just starting out. I ask if there is a search, what the main buttons are, tabs, etc.
Once I present everything and get the OK that this is all the information that is needed, I start designing. On the right you can see a mockup of a different approach.
Liquidnet has a set design standard, but they also like to experiment with different designs and approaches. Also, moving away from the standard design allows me to be free to try different approaches and do a wireframe/design mockup.
I make everything black and white so that I can focus on the shapes. I am playing with the overall layout. How are columns set up? What does the user see first? How can I make this easier for them? I am constantly playing
I get feedback that the managers wants to keep the overall same basic layout. I go back to the original layout, but use the new wireframe/Mockup designs I created. Just because I was asked to maintain the main design on the first page, does not mean the other pages needed to be the same also. I am designing in the first place to solve a problem. A part of the journey is finding out what the problem is in the first place. The managers had basically told me that the homepage was not the problem, so I continue to experiment on other pages to see their reactions and find out what the real problem is.
If I don't experiment, I can't find out what the problem is.
Then, I get a great epiphany that the layout should be sectioned off in a gradual format. When the users vote, they go in a certain order, so I displayed that order in this design. They go from teams, to a specific team, to a user. This is how the employees go through the voting process, it's just that the designs before didn't support this path.
Excited by the new layout, I design the rest of its pages. In order for the managers to understand the new layout, I have to design all of it, not just one page.
I get positive feedback on the layout. Everyone feels like it makes sense. On the other hand, I feel pushback on the custom blue design I created. Managers agree that the UI design should for now be consistent with all the software. Maybe in the future they will adopt the new UI design I had created.