An example of design I love. This is by Martin Flor, and it accompanies a Photoshop tutorial on how it was made.
Her full article is here.
Here is another example of a style I am a fan of… the showing of the faces of your support team. It adds a human element and it is appropriate imagery for the subject matter at hand. A similar style can also be seen here: http://www.sandynichols.net/best-employee-page/
This is the first footer navigation that I like. Usually not a fan of big footers lately, but I like how it can address a subset, more focused part of the target audience.
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.
Really digging the design:http://www.fullers.co.uk/pubs
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.
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.
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.
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.
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
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.