Thank you for coming, please click HERE to view my new portfolio website.


“My previous projects, I work on UX Design/Research, Programming and Graphic Design.”


“Reading and reflecting, embrace new and taste old.”
pic for blog0

The Triforce of UX (UX)04/19/2016

Original article:

I quite like the idea that UX Designer is like a hub rather than a whimsical creator or a bossy general. An ideal UX Designer takes the user, client, and developers seriously. They are curious about users and their goals, understand them and try to learn as much as possible from them. They understand the business goal and the needs of clients, modest enough to make the compromise when it doesn't harm the design decision so much. They respect developers and appreciate their work - the real product.

About the users, I want to share something about my master project. It is an interface design for an AR mobile browser. I used a page icon for 'page mode' but in the user research, people barely know its meaning because 'page mode' makes no sense to them, they don't have background knowledge of AR browser as we experts have. Also, the icon is so overused, it can stand for notes, text... Yes maybe the best icon for 'page mode' is a page, but a page is also used for other purposes which I did not realise at the beginning. So I changed the icon to make it more relevant to what it actually can do for the user instead of just trying to use it to explain the label 'page mode'.

About the business goal, it reminds me that on Monday, I heard from the CEO that he wants us to hide the 'cancel payment method' button of the application we are working on. That is out of business consideration and it is not for user's benefit at all. But we agreed and put it on the payment history page and made it as a link instead of a button. It sucks, but it is not destructive. It does decrease people's willing to cancel and decrease the possibility of 'cancel by mistake', which are important for the company to make money. Therefore, we compromised.

About developers, yesterday, I talked to one of my team members, who is the prototype maker in a team project. There were some mistakes in the prototype, which made the workflow of a function logically wrong (when set reminders, the flow is to tap 'hourly' then choose '8:00 AM'). So I asked her whether she could fix this, she agreed and I expressed great thanks to her. I did this sincerely because I understand the effort one need to spend to fix an error, also the mental pressure, especially an annoying bug in a page of code. I have worked as a programmer before so I totally understand and I respect everything programmers did for us.

As a designer, I think my purpose, rather than trying to lead or make commands, is actually getting people together and unify them as a stronger group using your communication and consensus capability, during which process you seek for and understand all you need to help generate a good decision which also contribute from your past knowledge and experience. Your advice will be the formless power to shape the product and your words will be the strongest glue to stick people together.

pic for blog0

Scavenger Ari 01 (Account Settings)03/05/2016

I am Ari, so excited that this will be the very first blog of ‘Scavenger Ari‘ series. This gonna be a place to store my findings in User Experience world.
The reason I begin with account setting is that I am working as part-time on the wireframe/prototype of a product. And right now it comes to the layout and workflow of Account settings. Then I wander around and grab everything in my horizon. And then there are my trophies.

pic for blog1

APP for Decision-making Anxiety(App idea)02/22/2016

As a person with decision-making anxiety, it always takes me a long time to make decisions on very trivial stuff such as which food to order, which fruit to buy, which activity to attend. Too many choices to make in every day life and it makes me feel painful. I always want to turn to others for help, even strangers.
So I began to picture an app in which people like me can post topic and selections to choose from as well as making choices for others. And it should be super simple, input title, upload pictures of 4 selections and submit, all in 1 minutes. Making choices should be even simpler, just click on the preferred one, done!
Then I did some quick(within like 2 hours) prototyping with Balsamic. And yes, I think only less than 10 pages prototype is enough to represent almost all of the system.
Next step maybe some research? Then visual design? Maybe implement it on my own someday.
Long live Full Stack!

pic for blog2

WIAD takeaways(Information Architecture)02/20/2016

World Information Architecture Day 2016. Met with awesome people there, Joe Guthrie from State Farm and Daryl Ohrt from Sapient/Nitro. Aarron Walter from Mail chimp gave very impressive lecture today, and had a small talk with him after the lecture.

How to define information architecture
Organization, get more information and functions right.

Keep competitive in this field
1)passion for technology
2)Touch other domains
3)Look at someone else has done

How to deal with tons of feedback
Use Evernote to group, to tag, to import emails, form a feedback pool.
step1: Clarify problems
step2: Search keywords
step3:Skype with people who give important feedbacks

The data source
Blog comments
Competitor news
Delivery status
Release note
Support data
Survey data

To better collaborate
Open environment, shared ownership
Create culture of inquiry

Taking notes while interviewing
1)Do not try to grab everything, most of them are trash
2)People won’t mind audio recording, rely on it
3)When you feel relaxed, interviewees will feel relax

pic for blog3

Some idea about info presentation(UX)01/24/2016

There are always a lot of stuffs need to be shown to the users in Apps. And the problem also always comes to me that how to communicate the information when we have tons of it stored in the system.

1. Thinking about the user cases, thinking about the real and common tasks. From users’ viewpoint, what they care about most. (e.g. when designing a payment security app in Alibaba, we decide to show the days left before auto-payment instead of the exact date because it will give users more direct sense of urgency and help them in decision making).

2. The more exclusive something is, the more desirable it is. The more specific, the better. The data makes far more sense when more detailed information is provided. “This price until September 30th at 10pm” is more effective than “This price until October” or simply just showing the price.

3. Connection, link information with related ones will ease the physical load and mental load of users. They are looking at this so probably they will check that and do those(e.g. tap on an email address then give you a popup dialog asking whether to jump to email composing immediately). In this way, you are presenting a smooth trip to users rather than a lifeless health report.

pic for blog4

Ease mental load on users(UX)01/22/2016

Actually, different actions call for different amount of mental effort. And to make your product more competitive, choosing the low-load interaction (as long as it is proper under the circumstance) is the right thing.

Motor actions such as moving cursor, scroll, swipe..They are mentally easy and not a big deal for the user because those are known to be reversible and not harmful at all.

Vision actions including scanning and watching ..It is more demanding task. User needs to take in, maybe interpret and understand.

Choice making actions. It is the most difficult actions for users. They need to process what has been perceived before and other info then make a decision. It is even more painful when the information they obtain is deficient or incorrect. And they know these will lead to some unknown and potentially depressing outcome.

We can transform interactions from the third one to the first one(swiping instead of clicking on tab, scrolling instead of choosing a page). Provide smarter product, give users what they want and throw the unnecessary and confusing parts away.

pic for blog5

Inbound and Outbound, look through SEARCH(UX)12/27/2015

Inbound marketing is all about bringing customers to you. Attracting them with content that answers their questions. Informing them. Engaging them. Inbound marketing is a great fishing pole, but we’ve grown up now and we need more than that. We’ve got to scale up our operation. We need to turn our fishing trip into a farming enterprise. We need to reach out, and nurture our audience. We need to start bringing product to them.

Profile data should catalyze offsite, outbound activity like:

Automated Email Programs: These should be programs designed for specific audience groups that have clear entrance and exit points. For example, you might design an automated program that reminds users of 2-3 products they have in their wish list, and offers incentives to purchase them within a certain time frame. If a user acts on this, they exit that program. If a user ignores it, they might receive an additional reminder before the program ends. This sort of logic could be adapted in many ways. Depending upon the sort of products you offer, it could be as specific as routinely reminding customers when products they have purchased are in need of replacement (e.g. industrial machine parts with measurable life-spans), when warrantees, service plans, or subscriptions are nearing expiration, when new accessories to purchased products are available, or simply when sales are occurring. If you can imagine it, it can probably be done.

Retargeting: Retargeting will allow you to create offsite advertising campaigns that are specifically targeted to user profiles and behavior. For example, you could use retargeting to show advertising for products that customers have rated or added to wish lists while they are on social networks, like Facebook, or throughout the web. Like automated programs, the specificity of these programs is completely reliant upon the data you are able to glean from user profiles.

On the web, competition is ruthless. Every opportunity you have to remain top of mind with your audience is one you should fiercely pursue. Your potential customers are looking at your competitor’s website. Your existingcustomers are looking at your competitor’s website! I assure you of that. So who is going to win their business? Whoever knows the customer best. Don’t make them search. They won’t do it if they don’t have to. They’ll stick with whomever figures that out first. Let that be you. Let them tell you who they are.

pic for blog6

Color Guide(Visual)12/20/2015

Learn from successful apps and try using the traditional black and white combination, but they apply sharper tones for headlines or other areas that need to be highlighted. They try to attract user’s attention with vivid red or orange. With no color diversity to distract them, users are free to navigate their interface without fearing to click on the wrong spot.

pic for blog7

Smarter Notification(UX)12/16/2015


Instantaneous is not always best. One of the most interesting features of the recently launched Basecamp 3 is Work Can Wait, which gives users the ability to choose the hours during which they want to receive notifications. Date night with your partner is probably not when you want to be pinged by a colleague in a different timezone starting their workday.
Notifications at the wrong time are worse than useless. Irrelevant pings not only get ignored, but the noise they create dilutes focus, causes frustration and a false sense of urgency.
Future notifications will do this automatically. A predictive engine will extrapolate from the contextual data what is the best timing for a ping, and so let you enjoy that date night.


Geodata is important for understanding the context of what a person does. If someone is on a boat twenty miles offshore in Montenegro, it’s not the best place to be notified about a one day sale at IKEA in Dublin.
Lots of applications are already using geodata in smart ways. For example when Foursquare notices you are in a new place, it sends useful tips about it. And many to-do apps notify you about tasks when you are at the location best suited to getting it done.


Like every push-based system, notifications as a medium are extremely fragile. If a service is overusing them, users get overwhelmed and shut them down. Even if the pings are good and useful, too much is too much. That’s why grouping will become more important.
Think of the way Facebook bundles similar notifications, e.g. how many people liked your photo. A couple of names and a number is shown, and if the user wants, it’s possible to dive into the details. In contrast, Quora not only dumps all notifications on you, but requires you to actually look through each one, even if they are exactly the same.
Taking this concept to the next level, smarter notifications could have a gradual grouping. If you usually get less than ten likes per photo, you would probably want unique notifications for each of them. If the average is thousands, pinging you when a hundred likes are accumulated would be better. You could also be specifically notified about actions from close friends and family or really influential people. Hey, if Mark Zuckerberg commented on your post, you’d probably want to know right away?


Although every user is unique, you can’t build everything for everyone, so compromises have to be made. Notifications that react intelligently rather than having dumb defaults can help provide a layer of product personalisation.
Based on the way you usually interact with content, better wording and structure choices could be offered. How do you normally react to notifications of new photo likes? Do you just glance at them? Or do you actually go deep into each and every notification. Depending on the default behavior you may see notifications structured differently.


Here at Intercom we are constantly communicating with our customers. When we do product research, we never ask all of our users the same question. We send targeted messages to people who are best positioned to answer. For example, if we plan to improve the exporting functionality, we choose people who exported data in the last two days to ask if there were any blockers in doing that (while their memories are still fresh).
A message sent to the right user gets a higher response rate, provides really useful feedback and prevents other users from feeling overwhelmed. With all the combined data, smart notifications would be able to focus on the right user and turn down the noise for everyone else.


“A gallery or a worn barn, who knows:)”


“I am working as an UX intern at Esri, and my professional experience is listed below (and my resume), please feel free to drop me a line.”

User Experience Designer06/21/2016

User Experience Designer12/10/2015

Interaction Designer and Front End Developer05/28/2015

Graphic Designer06/01/2013