How UX/UI & Landing Pages Are Like Drunk People

The Essential Components of UX/UI & Landing Pages Analogized to Drunk People.

Written by Dylan Langei

WTF is UX/UI and why should I care?

Converging UX (User Experience) and UI (User Interface) is a difficult task faced by many companies. What a company believes they are presenting as an interface, may not reflect the user experience that they expect. A UX designer is primarily concerned with how the product feels - ensuring that the product logically flows from one step to the next. A UI designer focuses on how the product is laid out - visually communicating the path that a UX designer has laid out. This common misconception displayed in the picture above, illustrates that many people see UX/UI designers as solely performing one function, when instead they are completing a multitude of functions to reach an efficient user experience and user interface. Therefore, there are many behind the scenes contributions that must be made to integrate successful UX/UI. 

How do I become a UX wizard?

UX Magazine illustrates four common practices successful UX Executives used, which were quite surprising and seemed unorthodox for the industry. The title "4 Techniques of Successful UX Executives" is fairly cliche, like an article titled "4 Ways to Become a Millionaire." But don't be alarmed, this is not a BuzzFeed article. Of course there are never just four simple steps to guarantee your success as a UX Executive, because then everyone could do it. But here's a good starting point:

  1. Study Those Around You as You Would Study Users: When we are so focused on the users, we sometimes lose sight of who we work with, our partners and stakeholders. In order to get an idea or opinion across regarding UX, take those people into account, along with your users.
  2. Study Isn't Enough - You Must Have Empathy: Once again, tracking back to UX leaders partners - as a UX expert you must be in tune with your partners day-to-day and their pressures and worries. What allows UX leaders to do this is listening to their partners concerns, empathizing with their pressures, and asking how you can help. 
  3. Take the Long View and Build Relationships: Once you have an understanding of empathy, you must leverage that to form trust and long lasting relationships with your partners. This means putting down your ego, and not be constantly combative, as it damages the chances of a long term relationship.
  4. Remember, People May Not Understand UX: Wait, what! I'm working in a field that people might not understand? Yes, unfortunately you are. But, this is a teaching opportunity. Understand your partner's world views and what resonates with them. Grasp that understanding and craft it in a way to introduce them to UX and engage them in the design process.

Why is a landing page essential to my conversion rate?

A landing page is like a first impression. You know when you go to a party and you meet an extremely intoxicated guy perspiring out of every gland in his body, and spit spraying out of his mouth after every enunciated syllable? Pretty hard to forget this fellow. The next time you see him, you put your head down and walk the other way. A bad landing page is like this drunk guy. No customer or person wants to interact with them, because they are annoying, sloppy, unattractive, and do not satisfy the customers needs. 

A killer landing page is like the cool guy from your high school. He's got his older brothers ID to buy all the booze, throws the coolest parties, and invites the hottest chicks. He maintains his composure during the party, incrementally drinks throughout the night, and never loses sight of optimizing his conversion rate. Get booze (UX path), throw a party (UX path), and end up with the cheer captain in his room at the end of the night (Conversion Rate) - a logical UX path. You meet this guy, and you idolize him. Girls are hanging all over him, because he embodies everything the "customer" wants. The cool guy analogizes an elegant and effective landing page by possessing fundamental components that it's customers' desire, and leads the customer directly to the conversion rate that the business, or cool guy, is looking for. It must be clean, simple-to-use, offer a clear call to action, robust incentives, design attractive, and click-ready.

What company has a  "sweaty drunk guy" landing page?

Please welcome Safety BLR, the sweaty drunk guy at the party. 

Safety BLR is a safety training & compliance company that simplifies compliance with state and federal legal requirements. They may simplify compliance, but they sure do not simplify navigating their website. There is no clear call-to-action, the page is cluttered with words, and there is unused space on the bottom right hand corner. We can assume Safety BLR's conversion is for you to buy their software, but the only call-to-action on this is the very tiny "Request Demo" and "Free Trial" at the top. This should be smack dab in the middle of the page, with a design that draws a customers eyes right to those links. 

What company has a "cool drunk guy" landing page?

Please welcome Karma, the cool high school jock who gets all the ladies.

Now this is a kick ass landing page. This page actually has a demo video playing at all times (visit link or click on the image above), displaying the products use. According to Mashable, including a demo video on the landing page can increase conversions by 10-20%. Karma does it flawlessly - while also providing a link to the full film right on the front page. They also make it very clear what their product does, by using the tagline "Take WiFi with you everywhere," while stimulating a bit of curiosity from onlookers. A potential customer might wonder, well how is this possible? I want to take WiFi everywhere! I am always going over my data plan! Right away Karma is solving a problem faced by many, while also providing easy call-to-actions in the top banner ("Buy Now", "How It Works", etc.). 

Lastly, I will leave you with a few reminders on how to establish an elegant and effective landing page:

  • Make it clean and simple-to-use.
  • Select a call-to-action that leads directly to your desired conversion using robust incentives.
  • Make it clear what your product is/does or provide an easy-to-see link that will describe what it does.
  • Don't be the drunk sweaty guy at the party.

Digital Marketing by Dylan

Written by Dylan Langei

About Me:

Greetings onlookers, I am Dylan. Originally from Santa Rosa, California my parents decided that 360 days of rain better suited our family and we relocated to Bellingham, Washington after a short stint in Orlando, Florida. I am currently undergoing Western Washington University’s one year Accelerated MBA Program, and this past June I earned a Business Administration, Management degree from Western. My professional experience is limited, but I am currently maintaining jobs at both Whatcom Educational Credit Union (WECU) and Western. I have enjoyed five splendid years at WECU, and just began last year at Western as a Graduate Assistant. After graduation I am stuffing a 70 liter backpack and embarking on a journey around Europe for two months. Post my return, a relocation to Seattle is in order to pursue a career in the field of real estate.

Why Digital Marketing?

I chose to enroll in this course as I have discovered a strong passion for marketing while in the MBA program. Digital marketing is an essential component of marketing as a whole, as the movement towards the Internet & electronics is inevitable. Due to this, I would like to expand my knowledge of engaging stakeholders via social media and various electronic devices. I hope to leverage this expansion of knowledge while applying for jobs and/or escalating my position at a company.

Learning Objectives:

I would like to of course become certified in Google Analytics, Google Adwords, Hootsuite, and Inbound Marketing. I am particularly interested in Search Engine Optimizations (SEO) as I currently dabble in web development. In my dabbling I have built myself a personal website and my friend’s business a website. SEO is a facet of web development I have not yet mastered, and is on my “bucket list” if you will.

Article Discussions:

Soft skills vs. hard skills. Meta-skills vs. technical skills. Which should we soon-to-be college graduates focus on to enhance our personal branding come job searching time? The article Knowledge and Skill Requirements for Marketing Jobs in the 21st Century provides a quantitative study that aims to answer this. Our academic system is an obvious Belieber of promoting the development of technical skills over meta-skills, and many academic studies have supported this belief. However, the areas of marketing knowledge where there were no significant differences between job levels are marketing research, selling, Internet marketing, promotion/advertising, public relations, and merchandising. This means that no matter the marketing position, subject knowledge in these areas are equally as important. Suddenly a silver lining begins to appear. Many recent graduates are well-versed in the use of technology, in which they may leverage to become competent in said skills above. Technology has provided us with tools to master marketing research, selling, Internet marketing, promotion/advertising, public relations, and merchandising. Social media ad campaigns, marketing automation software, and the ability to create viral videos are just some uses to leverage technology and prove acquisition of these vastly required skills. According to Radius, the year 2015 is in the growth cycle of marketing technology. I find this relieving for our generation, as most of us are technologically competent. As technology matures we will mature with it and continue to leverage its advantages to maintain marketing jobs in the 21st century.

Mobile ads will continue to surpass email and social, society will continue to adopt mobile commerce, and social media spending will continue to increase. These are not revolutionary assumptions brought to our attention by US Interactive Marketing Forecast, 2011 to 2016 – but are certainty vital to how marketers are transitioning themselves away from traditional marketing and into interactive marketing. Consumers are beginning to demand relationship management where transactions are not merely a monetary exchange, but a conversation takes place. According to Gravoc, interactivity takes place when consumers can control when they view the products and what type of products they are viewing, the pace at which they review products, and the ability to order or request information directly. Because customers have the Internet to compare products and make informed purchasing decisions, businesses are forced to provide the customers more control. Interactive marketing combats this transition of power that has been given to the customer. Direct sales are becoming too costly and unwanted by consumers. This might just be me, but I always ignore pushy door-to-door sales visits from the CUTCO Cutlery salesperson (except for this My Wonder Cleaner Salesman – he is awesome). Now, marketers are forced to leverage interactive marketing through mobile ads, mobile commerce, and social media to engage consumers in a non-threatening discussion. Consumers feel safe on their mobile phones and computer, and therefore more inclined to make a purchase.

There is an obvious disconnect between what job applicants believe they are qualified for, and what an employer expects from an applicant. It is illustrated in the State of Digital Marketing Talent article that organizations are experiencing significant challenges in locating talent due to inconsistency indicated in performance expectations and an over reliance on subjective referrals. This is because the current job matching services and application forms ignore fundamental components to screen for a long-term employee. Many job applications request a resume, cover letter, and various other ambiguous details. Yes, work history and reasoning behind a person applying is important, but is not enough to conclude prolonged employee retention. Companies must consider components such as; work environment preferences, personality, behaviors, and interests. Establishing these mechanisms within the hiring process will build a more cohesive match between an applicant and the company. Employee turnover is an enormous cost burden on a company as well, equating anywhere from 16-213% of an employees salary according to the Center for American Progress. Businesses need to shy away from such a heavy reliance on resumes, as they only suggest exposure to various experiences but do not always translate to on-the-job abilities. An applicant’s resume could suggest they are completely competent in analytics, but if the work environment is not conducive to their preferences, they may become unable to produce satisfactory work. That is why it is essential to integrate culture meshing criteria in job searching efforts.