Video Screencast Help
Design@Symantec
Showing posts in English
Reshma Kumar | 15 Aug 2011 | 3 comments

GeoTrust LogoThe GeoTrust logo recently underwent a slight modification to improve its visual profile. It is essentially the same solid brand logo you know but with a twist. We did a 180 degree switch of the logo elements - swapping the order of the graphical "G" and logo text "GeoTrust". We found that this orientation of the graphical element on the left of the text serves as a stronger anchor for the logo text. It also helps to reinforce the "G" in the logo text by appearing at the beginning of the word "GeoTrust".

No radical change here - just improving on an already strong logo design to make it even better.

Hope you like it! See it live on www.GeoTrust.com.

Rich Lam | 01 Aug 2011 | 0 comments

Last week, we refreshed the GeoTrust homepage to improve the clarity of the content for enterprise SSL. Previously, the enterprise content was being displayed repetitively through multiple pathways. However, this did not provide any additional value. Under the main banner, the content was being displayed in a content box and graphic directly beneath it.

geotrust-enterprise-ssl-hp-beofre-and-after.jpg

Now, we have condensed the duplicated content into a promotional graphic to reduce the time to the enterprise SSL page. The graphic is front and center, so you will be able to quickly learn more about the enterprise SSL program. During the...

Reshma Kumar | 07 Jul 2011 | 0 comments

To introduce the new Trust Seal monthly service, we simplified the pricing table. The monthly service is now prominently featured as the first option so users won't miss it.

We reduced the copy in the table to make it easier to follow and understand and thereby, allowing the pricing and savings information to come across more clearly.

Finally, the tabs were also re-ordered to move the 'Pricing' tab to the first position in the tabset.

trust-seal-pricing-table-2011.jpg

Reshma Kumar | 30 Jun 2011 | 2 comments

The below is the earliest known screenshot captured of what the first-ever website looked like.

This early creation still represents the basic tenets of good design and usability. For instance, it is highly readable and provides great contrast with a very basic white background and black text. There is no gratuitous imagery. It utilizes the times roman font-face at a legible font-size. There are blue, underlined links clearly defined which we have all come to recognize as clickable. The page is written concisely with information-carrying words hyperlinked - notice there are no "click here's". And, I bet it scales to any resolution, is cross-browser compatible, and is mobile-browser friendly :).

Twenty years later from when this web page first went live, it is still a winner in terms of ease of use and usability.

First-Ever Website

(Image sources:...

Reshma Kumar | 21 Jun 2011 | 1 comment

Firefox 5 web browser is now available. This latest version of the Mozilla browser offers some interesting features which are useful for designers and developers alike and ultimately beneficial to end-users.

Firefox 5 (FF5) provides support for new CSS3 styling features like CSS animations, allowing more capability for leveraging style sheet elements. FF5 also now has an upgraded graphics engine which renders text and graphics faster and sharper and automatically color-corrects images to display exactly as the image data intended. There is also support for open font formats like WOFF, TrueType, and OpenType which means that any font type - regardless of if it is installed on users' computers - will render true to type. This eliminates any limitations around using web-ready only fonts for Firefox users. Additionally, FF5 is providing HTML5 support for video which enables the use of the high-quality...

Rich Lam | 15 Jun 2011 | 1 comment

We just launched a redesign of the Code Signing Certificates landing page. Our key objectives were to bring the products above the fold, reduce page-to-page clicks where necessary, and surface the requirements for each signing product. We had heard from our customers that we needed to increase awareness of the purchasing requirements and process.

codesigning_redesign.jpg

We increased the width of the content area by virtue of eliminating the right channel. We added an interactive banner at the top of the page and integrated the code signing intro video which was previously relegated to the right rail. The banner communicates the value proposition of choosing Symantec over other Code Signing providers. Additionally, we implemented our custom corporate font using the...

Reshma Kumar | 10 Jun 2011 | 2 comments

Firesheep AttacksWe all know about using SSL for encrypting logins and ecommerce transactions. But that protection doesn't usually extend across other parts of the same websites.

With the release of the Firesheep extension for the Firefox web browser, its developer Eric Butler has raised awareness of the vulnerabilities of users' Wi-Fi sessions to hijacking, side-jacking, and MITM (man-in-the-middle) attacks.

To understand this issue and how to protect your websites and yourself, we have put together a page which addresses how to Protect Against Firesheep Attacks with Always-On SSL.

As you will see, there is nothing sheepish about our Firesheep page. What I like about this...

Reshma Kumar | 03 Jun 2011 | 0 comments

Overview:
The VeriSign Seal is an important offering for the company as well as a symbol of trust for many online. As we started to offer more ways customers could get the seal, it introduced some confusion. Customers can either buy the seal by itself or buy an SSL Certificate which includes the seal.

Problem:
The VeriSign Seal page has two main goals - one, to help customers understand the two options for getting the seal and what the differences are; and two, to help them install the seal. The modifications we made the the existing page did not seem to be addressing this clearly enough. The first call to action on the page was to install the seal which seemed to suggest you could simply install the seal without purchasing it. And, the second call to action was to buy SSL Certificates which seemed to be divergent from the subject of the page as it didn't provide enough context as to why it located there.

...

Rich Lam | 24 May 2011 | 3 comments

About a week ago, we added new interactivity to the third banner on the GeoTrust homepage. Upon clicking on the projector graphic, visitors are presented with a modal overlay featuring an embedded video on how more Alexa top 1 million domains are using GeoTrust. It's an infotaining and engaging video. Enjoy!

GeoTrust.com SSL Banner 3

GeoTrust SSL Modal Video Overlay

Reshma Kumar | 19 May 2011 | 0 comments

A/B Test Experiences

Balancing between providing too much and too little information upfront, can seem like a bit of a high-wire act at times. Do you link to another page for more information or provide it by default at the risk of overwhelming users?

To inform our decision-making process in an instance where we encountered this, we conducted an A/B test to assess users' behaviors real-time. We had heard from our users that they wanted system information but were unsure how best to provide it. So, we tested two versions of the same page - one page had the system requirements information appear by default on the page (Experience A) and the other page had a hyperlink to a page with the system requirements (Experience B). In both experiences, this information was positioned in the same spot where it was contextually relevant to the 'buy' call to action. The...