Robinhood’s mobile app design revolutionized stock trading and brought investing to the people, it made investing easy to understand and operate. However, the app it self, in my opinion, is not designed with investor’s interest in mind. In particular, beginner investors.
After using the app for a few weeks, I’ve seen the following UX tricks that are at play throughout its user experience.
I used to organize my Figma files by projects, it offered some flexibility and was easy to search, but didn’t fit well with my end-to-end design process. For a small team, I found organizing Figma projects by design stages is much easier for presentation and feedback collection.
2. Presentation mode for design review, create a screen with instructions for reviewers and put it as the first screen in the sequence.
Here are some principles and tips I found useful when creating user flow charts/diagrams.
Break down all tasks that users want to achieve by your app, create one chart for each task from start to end. You can stack these smaller user flows on top of each other for better overview.
Practical tips: When ready, arrange these smaller task flows in different ways to discover a better user flow holistically. For example, by doing this, my team just found out it is better to combine two nav bar items into one to improve efficiency.
If you work at a startup as an UX designer, you may find this article helpful.
Startup UXers often need to propose UX metrics and workflows to the team because you are the go to person for UX questions, or because the rest of the team do not fully understand UX practices.
Here is the UX processes I found very effective in adjusting expectations across the team while keeping the quality of my design deliverables.
To achieve the best results, start from having a full UX workflow that you can always follow. …
The common belief is that you should design minimalistic icons for mobile screens, because the screen is small and it is difficult to see details. However, Research  shows that we see the best when the objects are within our field of vision, and our peripheral vision can only render fussy images.
Since our field of vision covers most of the mobile screen, and only a portion of a large screen, therefore when you are designing for a small display, the design can be more detailed; when you are designing for a larger display, the design should be simpler and…
Over the years, I have came across several people who are looking to start a career in UX and are asking for my advices. I’ve only been in the field for 5 years (8 years if including the years in school pursuing this topic), and I’m still on a steep learning curve. However I do have some experiences to share, so I’m writing this article to compile my thoughts.
I learned about the field of HCI from a TED talk given by Pranav Mistry on SixthSense Technology, and wanted to explore the field of designing digital products that will empower…
I am not great at creating logos or icons, mainly because of the lack of practice. So when I was tasked to create an unique icon set for our web app, I wasn’t confident that things will turn out right. After researching effective and relevant processes online and making the icons, here is my 6 step process to get the job done.
What are the purposes of the icon set? In my case, these icons are: 1) to offer visual cues for file types, 2) to assist differentiating file types when scanning rapidly through files.
Where it will be used…
It’s time for the yearly design reflection! Earlier this year I joined a cybersecurity start up. The team has since doubled its size, however I’m still the only product designer. As the only designer, I need to lay down the design foundation for the company, and here’s what I’ve learned while doing it.
Establishing the right process for the moment, but keep it open
The advantage of working in small group is each person can take ownership of the process he/she follows. If that process fits to the team sprint and release process well and is efficient, then it should…
If you are looking into ways for prototyping data visualization with D3.js libraries, you have to try RawGraph.
Here’s the website: https://rawgraphs.io/ . The platform is free to use.
3 steps to visualize your data with D3 library!
Step 1: Prepare your data. I Googled “public data free” and came across this blog post: https://www.springboard.com/blog/free-public-data-sets-data-science-project/
From there I found some free Airbnb data at http://insideairbnb.com/get-the-data.html
I downloaded the “12 July, 2019 data of Austin, Texas, United States” file, selected a small sample (host_name, name, neighborhood columns, and only took 38 rows out of each column) then pasted into RawGraph’s “Load…