Interface Design
Services
Sketch, ProtoPie
Tools
Year
2017
Talent is an online community for fashion professionals, such as photographers, models, makeup artists, fashion designers to share ideas, explorer talents and connect to work opportunities.
Talent
Most fashion professionals have been working in a community that mostly consists of freelancers and contractors.
Freelancers don't have a single product to manage their client workflow. Every hour they spend on managing their own business means investing fewer hours in what they love to do and earning less income.
Talent is an app that allows fashion professionals to connect with other professionals in the community, and manage and plan their clients.
Based on the project goal, the target audience group is set to include all parties in the fashion industry, with primary stakeholder user groups that consist:
-
Fashion Designers (User Group A)
-
Fashion Photographers (User Group B)
-
Models (User Group C)
Task
User Research
I laid out a concept functionality blueprint, the blueprint is a modular design of functions that need to be implemented into the application. In order to achieve a better experience that addresses the pain point, the functionality should be designed around stakeholder's demands.
After interviewing people from all three user groups, I created a set of flow charts indicating how each user group interacts with each other to arrange work. The following diagrams demonstrate the task flow of a typical interaction.
Based on the user research, I made two diagrams to demonstrate the flow of user actions during a typical work routine. The experience is designed around the flow to help stakeholders get the work done smoothly.
Interface Design
With the blueprint and low-fidelity mockup ready, I was able to implement the interface design efficiently. I decided to maintain the minimalist design of iOS UI, to preserve some of the Apple product characters, which should also reduce the learning curve making the interface intuitive to use. Font-wise, I used the default iOS font San Francisco UI for typography, like SF and SF UI font family are optimized for use on Retina-ready devices for a sharp clear view experience.
All Projects
Design for physical limitations
From 3.5" to 6", our cellphone's screen has grown substantially over the years. While the bigger screen brings a better visual experience, it also opposes a new challenge to many users.
Humans don't have monkey fingers to reach the entire screen, meaning someplace on the screen requires both hands to interact. Steven Hoober researched and wrote about the thumb zone in Designing Mobile Interfaces. In Hoobsker's research, he finds 49% of people hold their smartphones with one hand, doing most of the onscreen interactions with their thumb.
With hand placement in mind, the reach of our thumbs becomes the next focus. Humans don't have monkey fingers to reach the entire screen, we can conclude that certain areas will be harder to reach with just the thumb. This means that some frequent interactions should be placed within the reach of our thumbs, otherwise, some interactions would require both hands to trigger.
Adding attachments is one of the frequent interactions when using the chat function. We found that our users have a strong demand for sending work photos, files and locations. On the connect page, we added a movable attachment button, which expands upon clicking to allow users to quickly send attachments with their thumbs.