Franklin Templeton Retail Website(s)

Enhancing User Experience and Increasing Business Flexibility

For the first time since 2003, Franklin Templeton Investments set out to redesign its retail website. The main project objective was to evolve the visual presentation, information architecture, and existing CMS functionality to be reflective of business changes, current customer needs and the competitive market. Additionally, the company used the opportunity to modernize the corporate brand.

The final aspect of the redesign was to extend the newly established platform, templates, and brand to the company’s 35 unique country specific websites and create a global, corporate website.

Overall User Experience Design Process

  • Internal, multi-team work sessions. Participated in brainstorm session designed to expand existing site product tools and functionality.
  • Wireframes. Led by UX architect, participated in concept brainstorm sessions and revisions.
  • Art direction of agency brand explorations
  • Visual design evolution of brand explorations to site flows. Led visual design discussions, visual direction, client presentations and design-to-development presentation build.
  • Translation and application of design to international websites.
  • Usability testing of key redesigned pages

Websites

Usability Testing & Focus Groups

Validating Design and Project Objectives

There are many was to incorporate usability testing into a project depending on time line, budget and priority. At Franklin Templeton, the User Experience team conducted a variety of testing methods; moderated, face-to-face testing of production environments, wireframe and visual design prototypes, hallway tests, remote sessions; etc. No matter which style of testing was done, the key was always to test early and test often.

In addition to usability testing, the team has found focus groups also serve as a key discovery resource. This process helps to validate design directions and project objectives before more defined artifacts, such as prototypes or staging, are available.

Overall User Experience Process

  • Identify usability testing time frames within overall project schedule
  • Evaluate and recommend usability testing tools
  • Create test plan and task scenarios
  • Develop focus group facilitation scripts and question prompts
  • Recruit participants and plan sessions
  • Fulfill session roles; facilitator, note taker, observer
  • Evaluate session data
  • Craft findings presentation

Sample Documents

Mental Model

Aligning User Needs with Business Goals

Franklintempleton.com wanted to enhance their website’s online literature ordering process. As part of this effort, the team conducted a series of interviews with the website’s primary users, financial advisors, to gain an in-depth understanding of their order literature process.

Based on the Indie Young “Mental Model” methodology, the team then extrapolated core tasks from each interview and grouped them into unique spaces to create a high-level view of financial advisor’s relationship with the fund literature. This visualization was then used to inform the overall redesign process and ensure the project’s defined objectives not only supported the business goals, but addressed the financial advisor’s needs as well.

Overall User Experience Design Process

  • Recruit participants
  • Develop interview scripts and prompts
  • Conduct interviews
  • Evaluate transcribed interviews and “comb” for user tasks
  • Categorize mental space and build out mental model
  • Visualize mental model
  • Map business objectives and usability audit to mental model
  • Assess business goals vs user needs vs development feasibility to inform project priorities

View Mental Model

Newsflash 4

Yesterday all servers in the U.S. went out on strike in a bid to get more RAM and better CPUs. A spokes person said that the need for better RAM was due to some fool increasing the front-side bus speed. In future, buses will be told to slow down in residential motherboards.

Newsflash 5

Joomla! 1.5 – ‘Experience the Freedom’!. It has never been easier to create your own dynamic Web site. Manage all your content from the best CMS admin interface and in virtually any language you speak.

I installed with my own language, but the Back-end is still in English

A lot of different languages are available for the Back-end, but by default this language may not be installed. If you want a translated Back-end, get your language pack and install it using the Extension Installer. After this, go to the Extensions Menu, select Language Manager and make your language the default one. Your Back-end will be translated immediately.

Users who have access rights to the Back-end may choose the language they prefer in their Personal Details parameters. This is of also true for the Front-end language.

A good place to find where to download your languages and localised versions of Joomla! is Translations for Joomla! on JED.

Does the PDF icon render pictures and special characters?

Yes! Prior to Joomla! 1.5, only the text values of an Article and only for ISO-8859-1 encoding was allowed in the PDF rendition. With the new PDF library in place, the complete Article including images is rendered and applied to the PDF. The PDF generator also handles the UTF-8 texts and can handle any character sets from any language. The appropriate fonts must be installed but this is done automatically during a language pack installation.

What is an Uncategorised Article?

Most Articles will be assigned to a Section and Category. In many cases, you might not know where you want it to appear so put the Article in the Uncategorized Section/Category. The Articles marked as Uncategorized are handled as static content.

How do I remove an Article?

To completely remove an Article, select the Articles that you want to delete and move them to the Trash. Next, open the Article Trash in the Content Menu and select the Articles you want to delete. After deleting an Article, it is no longer available as it has been deleted from the database and it is not possible to undo this operation.