Footer Idea

website footer idea

I always liked this type of footer, with the support people lined up to show the real human faces behind the support team or help desk.  I wonder if these are the real employees or models? If it were a staged photo,  it seems like the models would have been more diverse. At least they have the token (one) woman.

So my idea from this is to have my own footer with the many faces of “Sandy”.  A conglomeration of separate photos of me in different outfits, with different duties or aspects of my life. It would range from a baseball hat, pigtails, Burning Man outfit, to a full-on business suit, and every variation in-between. This would allow me to get creative with my persona’s.

Emotional Review of the Pop Up

a mid screen popup

While reading about RankBrain I surfed over to Tim Urban’s website and was presented with this popup, “At least I’m not a mid-screen pop-up”.  My dislike for the mid-screen (and full-screen) pop-up is so strong that I immediately identify with the disclaimer. There is something about this annoying little friend (foe?) that is highly successful in my opinion.

  • The disclaimer understands my emotion towards the popup. It addresses my feelings immediately. I feel validated. I feel like it understands me. I feel it is on my side because it (he? she?) is trying to not be annoying by covering the content I was in the middle of reading.
  • It’s not pretending to be something that it’s not.  It acknowledges that it’s a pop-up. It owns up to it, making the little guy credible.
  • It tells me exactly why it’s here and what it can do for me.  It’s not begging, it’s not demanding, it’s not yelling at me.  It is reassuring me that the email list, if I decide to sign up, will only be sent 2 – 4 times a month.
  • The small accompanying graphic says it all.  Everyone wants to be loved. The little popup is telling you want it wants is the same thing we all want, to be loved. That makes us the same, and on the same side. We understand each other.

I still hate pop-ups. I will not sign up for whatever you are selling just because you rudely put a pop-up in front of me, but this one is a little different. This is as successful a pop-up can be, and if my employment forces (pays) me to do deliver a pop-up, this is my new model.

I believe the little guy. After all, he is on my side. He knows how I feel.

 

Best Employee Page

The group at Wistia has the best employee page I’ve seen. The rollover effect on the employee image shows the person in different poses. It gives life and character to an otherwise boring page of employee pics. Applause.

http://wistia.com/about/yearbook

Then I wondered what it looked like on the phone, and how it acted since there is no “hover” on a phone.  At first I didn’t think the phone version was working correctly because I expected clicking an image would take me to a link, and it didn’t.  I started tapping all around to accidentally find a link to Twitter. Upon going back to the desktop version for a closer look, I see the images contain no links. You have to click the textural link under the name to get a link to Twitter. This is how the designer got around the “no hover” on phone issue.  The tapping of the image on phone cycles through the different poses of the employee, and a deliberate tap on the textural link activates the link. Cycling of the poses only happens at 100% resolution, so if you zoom in on the phone you lose the effect, nothing happens.

This is a good way for video marketer to make use of video footage, without actually playing a video. No need, just put still shots in the hover effect. Looks like because there are 3 hover shots per employee, so the typical :hover is not being used. I am trying to locate the script they used for this. Because.  I’m geeky like that.

 

Best pics of employees
Best pics of employees

Wistia Employee
Wistia Employee

WordPress 2016 No Main Navigation

WordPress logo

The new WordPress 2016 theme does not come with the main navigation installed. While we will most likely (first-thing) look into installing the main nav, it makes me stop and evaluate “is this is intentionally left off as a hint of upcoming design trends?” As a designer I like the idea of getting rid of the clunky weight our clients keep adding onto our headers, but at what cost?

Will users become accustom to going straight to the search bar? I don’t mind it personally, but what if someone wanted to see what other content is available internally? The argument to be careful about removing the main nav is documented by nngroup (of course). But there are other arguments for removing it, and it forces us to build websites that are more intuitive, removing the need for it.

“Immediately when we start designing, we are taught to think of the sitemap and how everything is going to connect. Imagine if we spent that time thinking about what the audience wants and how they’re going to use it. ”
– KENDRA GAINES, WebDesignerDepot

 

Correct Full Screen Sliders

This example proves that when used correctly, a slider can be a beneficial marketing tool that focuses the user's attention to help drive conversion rates.

Aren’t we tired of seeing the same cookie cutter sliders on every website? I believe the trend is to steer away from sliders. They are routinely installed without any thought to their purpose, no thought to why we are including them other than habit.

Then I saw this web site example from Slack, and how they are utilizing the slider in a full screen fashion. I have to admit, I liked it. The slider is used as a marketing message delivery system on the home page. The full width design centers the users concentration and delivers impact by removing all of the other clutter typically jammed into a home page. It is clear, concise, and effective at delivering exactly the intended message.

Let’s also applaud the placement of the signup button. It is at the top coupled with their mission statement. There is no doubt what you are supposed to do here and why you are doing it. The company must have fantastic conversion rates with this type of UI placement.

This example proves that when used correctly, a slider can be a beneficial marketing tool that focuses the user’s attention to help drive conversion rates.

This example proves that when used correctly, a slider can be a beneficial marketing tool that focuses the user's attention to help drive conversion rates.