A A A

Fight the system!

By Neil Martin, on 30 July 2010

Earlier this week a few of the Web Services team ‘attended’ a free webinar presented by Paul Boag of Headscape. For those who haven’t heard of Paul before (and who hasn’t?!), Paul is a bit of a guru for the web development community. For many years he’s been blogging and podcasting on all things web. What’s particularly great is that he completely understands that web-related work is often all about people and relationships.

The webinar was titled ‘Fight the system’ and was targeted at internal web teams in large organisations. Large organisations, by their very nature, can create an environment that occasionally leads to issues of conflict between interested parties, departments, etc. and the web team have to negotiate their way through these difficult waters. This can then potentially lead to tricky relationships, poor decision-making, scope creep and an outcome where nobody is really very happy with the website.

Paul focused on four key areas that web teams should consider. These were:

  • Raising the reputation of the web team
  • How to deal with conflicts, politics and problem people
  • How to get signoff
  • How to avoid scope creep

Reputation

In terms of reputation, some internal web teams (not necessarily this one!) feel undervalued and lacking the ability to steer a web project in the right direction. Paul suggested that we could all do a lot more to improve our standing and reputation. He suggested to consider some of the following:

  • Charge – even if it’s only for a small amount to add value to the work. We have a basic and extended service which does have a charging component. We’ve introduced this because we think it will better define the service that we offer. It should also add value to the extra work we do, such as additional edits that aren’t part of existing templates.
  • In your demeanour, be upbeat and positive – try not to say ‘no’ just for the sake of it. If a piece of work is going to be difficult to implement, explain the consequences and consider a phased approach.
  • Establish yourself as an expert – be willing to cite other experts as well, and make much better use of facts and figures. For instance a green banner with red text isn’t going to be great, because of accessibility issues, so rather than just saying it’s a stupid idea, show the ‘client’ links to an ‘expert’ article which explains why this won’t be ideal.
  • Celebrate good pieces of work – debrief after projects, and don’t be afraid to tell others about how well projects have gone.

Conflicts, politics and problem people

One thing that’s wonderful about web, but can also be frustrating, is that it produces an emotional response from users. Most of the time people do have strong opinions as to how their website looks. This doesn’t, however, mean that they understand best practice and user-centric design. In larger organisations there is obviously going to be politics between various silos, e.g. between technology and marketing teams. Also during meetings there may well be an individual that through sheer presence of personality can force through their ideas even if it’s not beneficial to the website. Paul recommended the following:

  • Accept it – learn to live with it, and find better strategies to deal with it.
  • Keep talking – problem people sometimes just want to have their voice heard, and will be most frustrated if no-one listens.
  • Avoid confrontations - there’s no positive outcome from such situations
  • Empathise with stakeholders – share their pains and concerns.
  • Show, rather than tell – web teams can sometimes use a lot of jargon which is unhelpful to the client. If you want to demonstrate, for example, a cool jQuery carousel, go off to a website that has one that you like, rather than talk about it using terms like ‘jQuery’ and ‘carousel’.

Signoff

Getting decisions made about web projects can be quite challenging as it’s sometimes not easy to identify who the decision maker is. This is, dare we say, a particular problem within HE, with its traditional committee structures. Paul gave us some food for thought and we may well adopt some of the following approaches:

  • Establish the decision maker – quite often this can be quite a senior member of staff, which does present its problems, as they are often very busy people. However trying to make decisions with an intermediary or a group of people tends to end with fuzzy results. Paul suggested meeting with key individuals, rather than groups, as you’re possibly going to get a much clearer picture of goals and objectives.
  • Try and adopt some of the processes that are used in agencies, in other words, set clear milestones and timeframes for each key decision. Explain this process to the client from the offset and make them aware of their responsibilities in meeting deliverables within the timeframes set (for example, delivering content on time).
  • Capture requirements – and be comprehensive!
  • Include them in the development process. Ask them to consider stuff on the fly during meetings. Collaborate, and also refer to earlier decisions where perhaps new ideas conflict with those agreed earlier.
  • Get them to focus on business objectives and less on opinions, such as what the website colours should be. Remind them of the user exprience when conversations steer more into subjective territory.
  • Manage feedback – ask the client to identify problems rather than solutions. Instead of asking for the homepage to be bright green, ask the question: what is the problem that this decision solves? Is the user base going to specifically benefit from having such a colour scheme?

Scope creep

The bane of all web developers is when a project changes considerably from its original objectives. This can be unnoticeable at first, but obvious half way through. For example a client changes their mind about design elements like fonts, colours, number of pages, site structure, ad nauseum. To avoid this happening Paul offered some advice:

  • As mentioned above use an agency approach. Detail the scope of work from the offset and set key milestones and deliverables.
  • Explain the process so that it’s well understood with no surprises later on. Establish roles and responsibilities of all parties. Make sure they concentrate on their role and not someone else’s!
  • Have a phased approach. If a client comes up with a great idea that is out of scope, mention to them that this is possible, but will have to be shifted to a new phase of the project. Collect the ideas there and then and spec them for later.
  • If everything fails fall back on charging!

There was  a lot in Paul’s webinar that has given us plenty of ideas as to how to both better manage ourselves, and our stakeholders, and we’d like to thank Paul for sharing his insights – it was a really worthwhile event to be part of!

If you’d like to find out more, it is available (although there is a small charge):

Silva updates

By Nick Dawe, on 24 May 2010

We always work to develop our Silva content management system over time, although many of these updates are ‘behind the bonnet’ and not noticeable to the average user. However, since February’s Silva upgrade, there have been a few more discernible improvements, which may be of interest to some users.

New external sources

General bug fixes/minor improvements

General

Coming soon

Because of various technical issues, we’re aiming to deprecate ‘external content includers’ (that is, external sources that pull content from e.g. the Apache webserver). However, we do intend to build external sources that provide the same kind of facilities as these ‘external content includers’. For instance, we’ll soon be ‘launching’ a new ‘webforms’ external source which will offer far more functionality for setting up generic forms. We’ll also be developing the events calendar code source further, giving users more options for how they’d like the calendar to be displayed. More on these things later…

[Test link]

Image tools

By Nick Dawe, on 15 March 2010

Just a few image tools that I’d discovered recently, and may be of use to others also.

Dynamic Dummy Image Generator

Image placeholders don’t take long to set up in an image editor, but if you’re creating a lot of them, it can still be time-consuming. dummyimage.com makes this a lot quicker. You can either enter the details of the image (e.g. dimensions, file type, etc.) on the home page, or just add the dimensions to the end of the site URL (e.g. http://dummyimage.com/500×200)

Smush.it (TM)

Part of Yahoo!’s Developer Network, this looks like an extremely useful, quick way to compress images (again, perhaps more efficient than using a typical image editor). Simply upload them, and they’ll be processed with various lossless compression algorithms (i.e. ‘smushed’), before being handed back to you as far ‘lighter’ image files.

SpriteMe

If you use background-images in your stylesheets, SpriteMe provides a speedy way of combining all images into one item (i.e. a ‘sprite’). You can then display these images by using given CSS ‘background-position’, width and height properties to only show the part of the sprite that’s needed. Because each image you use as a ‘background-image’ is set as one http request, combining them into one single image therefore quickens page load times even further.

Two browser trends for 2009

By Nick Dawe, on 10 March 2010

Quick post. These trends are both predictable enough, but it’s sometimes nice when statistics confirm your own presuppositions.

IE6 usage of the UCL site in the last year*

Use of iPhones/iPods on the UCL site in the last year*

*based on UCL sites using the UCL Google Analytics tracking code

Silva upgraded!

By Nick Dawe, on 18 February 2010

Yesterday we completed a major upgrade of Silva to version 2.1.7. While this upgrade features bug-fixes, and lots of improvements to performance and stability, etc. on the back-end, there are a number of new features that may be of interest to users.

New Corporate Identity Layout

We’ll post more about this shortly, but a new layout is available to Silva users which is based on the UCL home page design. It’s also got viewing options for the iPhone/iPod, and a large range of new code sources (ie ‘widgets’) that can easily be set up. More on that later…

Other improvements

Here are a few other improvements that may be of particular interest to Silva editors…

(Slightly) Improved Editing interface

There are a few small changes to the main Silva editing interface, which should help to improve its overall usability. For details of these, see:
http://www.ucl.ac.uk/isd/staff/websites/silvaCMS/upgrade-editing-changes

Google Analytics tracking codes

Currently we track all UCL Silva websites using our own Google Analytics account. However you can now add your own Google Analytics account tracking code to your publication, and track all statistics yourself as well.

To do this, go to the ‘UCL Attributes’ object of your publication. Scroll to the bottom and you’ll see the ‘Google Analytics Tracker Code’ field. Simply put your account’s code here, then ensure that your Google Analytics account profile is set to track this site.

Very important: Please check that your Google Analytics account is successfully tracking your website’s user statistics one day after setting this up. If your account hasn’t been set to track your website properly, there’s no way to get the stats back!

Stylesheets

It’s now possible to inherit other ‘local-styles.css’ objects from higher positions in your publication.

For a list of all improvements, see:
http://www.ucl.ac.uk/isd/staff/websites/silvaCMS/improvements

Styling websites for the iPhone

By Nick Dawe, on 29 January 2010

As part of our Silva upgrade, we’ve developed iPhone/iPod specific stylesheets that will render new Silva layouts in a way that’s actually helpful to iPhone users. These will be shown on sites that choose to use a new Silva layout which will be available after the upgrade.

I’m fairly new to the world of mobile web browsing, and the process has been quite illuminating, so I thought I’d write a quick post about the experience…

Note: this post doesn’t go into detail about technical aspects of developing websites for the iPhone. If you’re interested in that, have a look at:

Why style a page differently for an iPhone?

Many of our website’s pages, rightly or wrongly, have an awful lot of text. While this can present some difficulties for ‘normal’ readers, it presents far more for those trying to read with a mobile device. If a page hasn’t been specifically styled for a mobile device, it’ll just display as a squashed version in the device’s viewport.

To actually read information from this squashed view, the user then has to zoom in to be able to recognise text characters. But because only a small number of characters can be shown within the viewport at one time, the user then has to scroll the view from left to right. No one sentence can be read without the user having to be distracted away by awkwardly having to shift their view of it.

A different style

Therefore, instead of trying to fit as much as possible into the tiny viewport of the iPhone, we’ve tried to extract the ‘essential’ elements of a Silva page: it’s title, central column content (i.e. the main text), and basic site navigation. We then used the Silva CMS to set up a different version of a page if an iPhone was browsing: this only showed the elements mentioned within a simple HTML page. Navigation however, was now positioned at the end of the page (so that visitors wouldn’t have to scroll through it every time they went to a new page). This was also followed by a more generic navigation for a few of the usual UCL footer links. More notably however, this also included a link for the user to touch if they wanted to browse the site without the iPhone styling. This was really just in case there were certain pages (e.g. image galleries etc.) that may actually show far better in their original format, even for an iPhone.

Finally, we added some JavaScript for these pages to hide the URL bar from showing, so that it might look a little more like an iPhone application, and also allow a little more space for the page itself. The JavaScript was also set to resize any images that were originally bigger than the viewport’s dimensions. Any other page elements that couldn’t be resized would be replaced by a prompt to view the page in its original form.

The future…

While we’re fairly confident that our iPhone styles are beneficial to such visitors, we’re obviously keen to find out what usability issues crop up. We’ll also be interested to expand these styling options to other mobile devices in the near future.

UCL Web Statistics 2009

By Nick Dawe, on 14 January 2010

Another year past, and here are a few more website statistics for the last 12 months:

(Once again, these stats represent all sites that use the Web Services Analytics code, i.e. all UCL Silva sites, but not all UCL Apache websites)

Top UCL Webpages 2009

(not including the homepage!)

1. Prospective Students

2. Prospective Students Prospectus

3. Departments A-Z

4. Departments

5. Studying at UCL

6. UCL Economics

7. Staff Directory

8. Prospective Students – Graduate Study

9. Current Students

10. Department – Academic Departments

Top UCL iTunes U Podcasts 2009

1. Stemming Vision Loss with Stem Cells – Seeing is Believing (Audio)

2. The Zen of Running (Video)

3. Top-Secret Codebreaking During World War II: The Last British
Survivor of Bletchley Park¹s Testery (Video)

4. Le Corbusier: Modernist Originality or Copying? (Video)

5. Angels & Demons: The Real Physics (Video)

6. Autism ­ theory of mind and the Sally-Ann experiment (Audio)

7. Professor Uta Frith > Autism ­ theory of mind and the Sally-Ann (Audio)
experiment

8. Professor Uta Frith > Autism ­ a single disorder or a disorder (Audio)
spectrum?

9.  Professor Uta Frith > Autism ­ the information processing (Audio)
revolution

10. Professor Uta Frith > Autism ­ detail-focus and weak central
coherence (Audio)

Find these in our iTunes U store (requires iTunes)

Top News Stories 2009

1. Adverse weather conditions (details of UCL service disruptions, etc.) (02/02/09)

2. UCL fourth in new university world rankings (08/10/09)

3. Fee discount for new UCL taught Masters students 2009/10 (01/04/09)

4. UCL climbs the Sunday Times university rankings (11/09/09)

5. Unravelling the secrets of a magic material (15/10/09)

6. UCL Online Timetable now live (29/09/09)

7. Statement update on attempted act of terrorism on NorthWest Airlines Flight 253 (26/12/09)

8. Information for new students (New Students website launch) (19/08/09)

9. Ranking: UCL enters top ten universities in the world (08/11/07)

10. Climate change: The biggest global-health threat of the 21st Century (14/05/09)

Visitors’ browsers

1. Internet Explorer (48% use version 6, which is a slight decrease from 2008′s 62%; 41% used version 7; 10% used version 8 )

2. Firefox (23%)

3. Safari (7.5%)

4. Chrome (2.3%)

5. Opera (0.5%)

Operating Systems

While it’s no surprise that Windows was the most popular OS used to browse the site (by 88% of users), what is interesting is the gradual increase of usage by mobile operating systems like the iPhone. While their use is very low compared to e.g. Windows, there were still around 38,000 visits made with iPhones, and almost 10,000 visits from iPods. Other mobile devices rank less, with Analytics only recording around 2,200 visits from BlackBerrys and 2,000 visits from Android phones.

UCL Web Services highlights 2009

By Nick Dawe, on 9 December 2009

Now that it’s coming to the end of the year, we thought we’d take a brief look at what we think are some of 2009′s highlights.

New layouts

We’ve worked with UCL Illustration to produce an assortment of new layouts that fit into our ‘Silva’ Content Management System, including the following…

Web Services layouts 2009

(From left to right, UCL Italian (www.ucl.ac.uk/italian); UCL Natural Sciences (www.ucl.ac.uk/natural-sciences); School of Public Policy (www.ucl.ac.uk/spp) – design by Stephen Thomson, SPP;  UCL Student Counselling (www.ucl.ac.uk/studentcounselling); UCL Registry (www.ucl.ac.uk/registry); UCL New Students (www.ucl.ac.uk/new-students); UCL Medical Physics and Bioengineering (www.ucl.ac.uk/medphys); ISD (www.ucl.ac.uk/isd)

Many of these are based on a new ‘default’ Silva layout, which can be altered by simply changing the Silva publication’s ‘local-styles.css’ object. This in turn makes layout production a lot faster, as well as being a far more efficient way of handling multiple layouts. We’re still working to finalise some of this layout’s working, so we’ll mention more on that in the next few weeks.

iTunes U Development

Earlier in the year, we were joined by Ralph Bartholmew, who among other things, took on the role of organising UCL iTunes U’s site. Due to the scale of usage from the site (not only in podcast downloads, but also in numbers of new podcasts going online), this had become a little overwhelming. Ralph is now involved in helping make this process more efficient, as well as restructuring the store and updating the ‘look and feel’ of all of this.

Silva upgrade

Although not exactly a ‘highlight of 2009′, we’ve put a lot of work into Silva’s upgrade to the latest version, and should be ready to go ahead in early 2010. The upgrade will increase Silva’s stability, fix a number of bugs, and also introduce a number of new features. More on that in 2010 though…

Soon to come…

We’ve also been busy with a number of projects that will hopefully be ready in very early 2010, including

  • A new events calendaring system, which will be integrated with Silva code sources
  • Improved security in Silva
  • Mobile stylesheet implementation on a number of Silva layouts

Other bits and pieces

… And finally not forgetting the new UCL home page, increased Silva performance, and plenty of other small projects as usual..!

Website terminology

By Nick Dawe, on 12 November 2009

Necessarily, development for the web is full of ‘jargon’, simply because most words relating to the web have not entered the popular dialect. Words like ‘blog’ or ‘Tweet’ have finally become household names, perhaps because they are the only words you could really use for that function, but the majority of web-related words are still deemed as obscure buzzwords, even though they describe things that people use every day.

This can be a bit of a problem for us. As well as developing/maintaining CMS and Apache websites, we also provide support for such items. Usually this is fine, but every now and again, there are quite interesting ‘miscommunications’ with users regarding fairly simple website issues because of our different understandings of a web-related word. Our central training teams work hard to ensure that, for instance, CMS users understand what a ‘browser’ is, and can hopefully help people to understand what certain other web terms mean. However, there are obviously a great number of users who have escaped training, and so the miscommunications continue.

Personally, I’ve noticed that there are certain terms that are repeatedly used in vague and erroneous ways, often giving rise to confusion and frustration for both users and support staff. Obviously users shouldn’t have to learn ‘computer-speak’ to feel that they can call a web support team, but equally they shouldn’t feel the need to use certain words in a phone call/email when they’re not sure what they mean!

Anyway, these are a few of the most common culprits, but I’d be interested if there are further ‘problem’ terms that crop up for others who support IT/websites.

1. Link

The term ‘link’ normally refers to a hyperlink from one URL to another. However, this term, more than any other, is used to refer to:

  • Webpages
  • Websites
  • Redirects
  • Rewrites
  • Forms

The confusion here is possibly down to what a link is for most people – something that you click on, which opens a new page. Sadly however, this is quite a big difference to what we would understand a link to be. Therefore, if someone asks us for a link in a certain location, we’ll add a hyperlink, while the user actually wants us to create an entirely new page.

2. “Going live”

If a user of a CMS asks for their site to go live, it’s fairly clear what that means: to change the URL of the site so that it’s not accessed in the CMS development area anymore.

But if a user is working on a site elsewhere, this term could mean a number of things. It could most likely mean that they’re trying to upload a site from their personal computer to the web server. However (as is often the case), it could just mean that they want a link from, e.g. the homepage, to their new website, or that they want their site to be moved from a development location they set up to a more accessible location. It could also, and this happens occasionally, mean that they want their site to be ‘lively’, by incorporating swirly animated .gifs, or large images that change every 3 seconds on their homepage.

3. Portal

Portals are, to be fair, not the easiest concepts: they’re generally thought of as being websites that work as an easy entrance  to other services, like email, calendars, searches, etc. (check out iGoogle if you’re unfamiliar with the term).

However, a portal has traditionally been thought of as the opening to a large building, like a cathedral. So it’s not too surprising that users will term any ‘thing’ that opens up into a bigger ‘thing’ with this word. Understandably then, If someone asks for a portal, this has often just meant a login box, that takes them to a single web application. On larger scale however, we’ve also heard the term used when referring to networks, virtual machines, and Staff WTS…

Any other suggestions..?

Save IE6!

By Nick Dawe, on 11 November 2009

A favourite discussion of ours, and probably of numerous other web development teams, is forecasting how long we’ll continue to have to develop websites for IE6. For various reasons, around a third of UCL home page visitors still use IE6, so it’s looking likely that the browser will remain on the horizon. However, SaveIE6.com has shown us that there are indeed many good reasons to keep using the browser. If you’re a mildly frustrated website editor/developer who can’t handle the ever increasing range of browsers, you may enjoy this site.