Getting Users to Subscribe – give me your email!

One of the hardest things to do is to get users to subscribe or join. That’s where most of the site bounces come from. I personally hate filling out long forms. But even when it’s just email and password, we all get a little squirmish – “ugh, they’re gonna send me spam. what’s the point in giving them the email address?”


The Smart Passive Income Blog does a good job with getting users to subscribe. Not only do they simply ask for name and email, they give a friendly, casual blurb of what’s in it for the user. All of sudden, I don’t think they want something from me (my information) but they are giving ME something. This makes a huge difference, and apparently surged sign-up’s by 25%.

Good form

New HERSHEY Logo – Public Reactions

So after many years, Hershey’s has finally updated their logo:


I think the font is a good choice against the white background. The color is good too. “The Hershey Company” is a weird tagline – I don’t understand why it will be there and makes the overall logo look wordier than it needs to be. The 2D image is a perfect capture of what we all associate with Hershey’s – the chocolate kiss. I thought it looked fine and modern, until I saw a lot of people saying it looks basically like a steaming pile of turd. And whether that is more apparent to some than others, it’s still bad enough. My guess is that Hershey’s will grab notice of this and decide to make the kiss image silver in color, like the wrapper.


Innovative and Beautiful Product Design

Beautiful and original product design shouldn’t go unmentioned however. Although most of these products are no actually on the market, the visual appeal and innovative design are instantly attractive and can well enhance the user experience.  A successful end product would combine both usefulness and beauty.

Check out this Visual Desktop Charger. Designer Sun Kyung Kim reasons that people like visual indicators, so why not apply that to the everyday task of charging our mobile devices? This is a case in which the details are the design itself. How does it appeal to the customer? Everyone needs and owns chargers, so there’s the obvious function. Then, the customer considers how it looks and feels – the innovative design.

Source:  yankodesign

Source: yankodesign

Have you seen the Laser Projected Keyboards yet? They allow you to type on any flat surface and the projector is tiny – just a little larger than a matchbook. Problems the product is facing include the disturbance from shadows, lack of ergonomics, and the lack of tactile “home” position. Will there be a market for it? It’s been around for a few years now and there doesn’t seem to be a big hype about it.


Victor Soto independently designed the iRing that acts as a wireless controller for iPods and other apple products.


With Toast Messenger, you can write a note your breakfast! “Don’t forget to walk the dog!” “Meeting tonight. Won’t be back until 7:30” “Your lunch is on the second shelf!”    But it’s just a design concept, and not actually on the market.


Yelp – Redesigned Concept

I like how Medium really embraces the “power of minimalism” in design. I don’t see how Yelp continues their current look and feel when designers are practically handing them more beautiful, cleaner designs. Medium focuses on a few core concepts:

1. Since Yelp is a search site, the homepage should focus more on the search bar.



2. The categories list is muddled and confusing – simplify it.



3. Make it easier to find events.



4. Utilize the footer.



The new still seems a lot but they probably wanted to keep all that content as the old version. Basically, Yelp should consider cutting or moving some of that content elsewhere.

Logos – Boba Stores and Pokemon?

The startup I do work for has been considering a new name and a new logo (of which it has none). I’m no graphic designer but when you’re in a company of 5, the UX designer could scrap the word “UX” essentially and just be called “designer”. I’ll ultimately be slated with this task so I’ve been observing and thinking a lot about logos.

My friends and I had a conversation about boba store logos – and how none of them are good. They are either “too Asian”, “too tacky” or “boring”. Here are some examples of dessert shop logos in my vicinity:

Some are better than others, such as the more memorable Craftea or Infinitea, both capitalizing on the tea leaf part. Personally, I would choose different fonts for both. Maybe we’re all just being too picky about a logo for a boba place.

For logo design. this other site provided much inspiration. It presents Pokemon-inspired companies and what the logos might look like. All are modern, clean, and sleek – not to mention creative and inspiring how the pokemon’s attributes blend so seamlessly with the purpose.

Here’s some examples:

I mean Electrabuzz might as well be a new company with a logo and name so catchy, no?

Adding List Items Animation

CSS Animation inspires us with a look into interesting ways to add items to a list. These animations announce the arrival of new content and help draw attention to it. I’ll be thinking of times when each animation may be appropriate.

Fade – seems very standard; applicable for all types I would think

Slide down and Fade – draws attention better than Fade

Swinging in – something rustic; outdoors-y, fixing, tools, store-like. Ideally, an online hardware shopping site.

Swinging from Side – it doesn’t have the same country feel as the previous one. I think there is a youth-feel to this one. Something big, bold, and wants to make a statement. I think a site that is big on branding itself.

UX Project Checklist


Competitive AnalysisSee how others solve similar problems and try to not reinvent the wheel. Read more

Data analysisDo you have all the useful data you need? Try to have a look at funnels, clicks, page views, performances… Read more

User feedbackAlways speak with Customer Care team! Don’t have one? Check your old surveys or videos, what your customer says? What do they actually do? Read more


User storiesHave you done personas yet. If not DO IT NOW. Ok, now use them to write down user stories and scenarios.Read more

User flowsCreate your user’s flow based on the scenarios you created, you can use it later to review the journey and create wireframes on top of each step. Read more

Red routesDefine red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys. Read more


Brainstorm & sketchFind a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun! Read more

WireframeAdd some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you’ll not leave anything behind. Read more

PrototypeYou can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test. Read more


IAUnderstand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way? Read more

LanguageFollow your brand personality, keep in mind users’ culture and language, the context of your product and make sure they understand you. Read more

AccessibilityYou don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices. Read more


UI elementsReuse elements and patterns, follow your style guidelines, don’t have one? Create your guidelines. Start small, then create pages. Read more

GesturesSo you’ve have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left handed people, mouseover, kinect, motion detection… Read more

ResponsivenessCan I see it on my mobile? Oh wait, what about my smart-watch which work as a remote for my 50″ TV. Bonus: remember cross device experience. Read more

Give feedback

Waiting timesIf your users have to wait ages for the page to load, at least show them a loader, if take longer why don’t you try something more entertaining? Read more

ErrorsBe clear and specific on what and where user’s error is. I mean, your error, because if it’s your fault you should say it.Read more

Completed actionsGive immediate and clear feedback of successful user’s actions. Do not always wait for server response, trust your server once in a while! Read more


Finalise layoutIt’s time to let your design shine, make it in the right way, don’t stop with the first solution, always ask “is this the best you can do?” Read more

Use of images and iconsUse of icons and images is strongly influenced by context, culture and layout that you use. Like icons, test your images, small changes can bring huge improvements. Read more

Font & colours hierarchyUse colours and font sizes properly, tryto follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently. Read more


Micro copyEvery word is important, and a bit of personality will help your brand. Read more

Micro interactionsTrigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs? Read more

TransitionsMotion shouldn’t be only beautiful, it have to builds meaning about the spatial relationships, functionality, and intention of the system. Read more


KPI SetupWhat you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data. Read more

AB Test planPlan your AB test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something. Read more

TestUX lab, survey, sessions recording… test, observe and fix, test, observer and fix… Read more