Skip to Content

Archive for the ‘Development’ Category

Users are ruthless.

Tuesday, August 24th, 2010

Here’s a few points to consider when planning your next web site.

Your web site maybe creating the ‘first impression’ of your business.

Think about it, would you answer the phone ‘no, go away!’? Exactly!

Would you put up a neon sign next to the M1 saying ‘its easier to get a quote from our competitors who are just off the next junction’. I think you get the point.

So its imperative that your site at least says what you do, shows what you’ve done and offers a super simple way to get in touch – and that’s all got to happen within seconds.

Of course web sites can do lots more things than that but, frankly if you’re not going to get the basics right you’re better off not wasting your money in the first place.

What do you do?

A picture says a thousand words – oh, did I really just say that. Trouble is, its true!

Images convey a ton of info in microseconds. But remember, quality is everything. Get it shot professionally or use good stock, never run with amateur stuff. You will look cheap.

Then there’s the words. Can you sum up what you do in one line that is easy for a layperson to understand?

If not why not?

Trying to distill things down to a single line is a useful exercise which, can often highlight wider problems with your marketing and operations in general. Maybe you need two web sites? maybe you now need a new name!

But when it comes to the all important strap line and copy in general, people often seem to go for one of two options;

Option 1 – flaff

We strive to serve global stake holders with sector specific integrated spherical solutions.

Option 2 – the simple truth

We make ball bearings.

Just say what you do for crying out loud! What’s wrong with that!

Users want small parcels of genuinely useful information not reams of marcobabble. Choose every word with care. Keep stripping it back.

Hey! Lets make the site really difficult to use.

Its almost as if some people actually convened a meeting and agreed to do just that. Yeh cool, lets organise the navigation so you can’t find what you want. Wow of course, lets piss the user off with some animated fish.

Just get the basics right and leave the tropical fish for your reception area.

Does the User Interface meet accessibility standards, is it suitable for the visually impaired?

Does the site work across all of the popular browsers out there not just Explorer on a Pc? A lot of people use Firefox and Mac’s and all sorts!

How does the site behave on the iPad or an Android Phone?

Try getting your kids to use it and watch how they navigate around. Kids are great testers, if its not instant and obvious they go.

We think its time to get back to the original purpose of the internet; to deliver information quickly in a universal format. Its a bonus if it looks cool.

Who are your customers?

Here’s an interesting exercise. Take your head out of the sand and build your LinkedIn network; it isn’t a fad and isn’t a waste of time!

Its only when all your contacts are lined up next to one another do you see the pattern.

Gender, title, age, location, sector and interestingly the period in your career when you met most of them!

All the pointers are there. Who do you make the most money out of and why? Build a site with the profitable people in your professional network in mind. How do you attract more of them?

You gotta water the garden man!

A blog and regular tweets work. Yes, they do and we’ve got proof.

Keeping your site alive, dynamic and ever-evolving is as important as all your other business development activities. Sure it takes time, and it can be hard work but it will be what sets you apart from the alpha males who don’t get it. Look fresh, exciting and switched on!

See your web site as a digital channel not a business card.

Too many sites flatline.

But I’m not technical!

Thank god for that.

The technical side of web development is wholly and utterly irrelevant to most people in most cases. When you went on holiday did you fly on an Airbus or a Boeing?

Don’t waste your time learning buzz words or trying to understand ‘how’ just concentrate on ‘why’.

Remember, creating a web site is about you and what you do.

It takes 1 second to click away. Users are ruthless.

We’re Looking for Freelancers

Monday, July 12th, 2010

We’re currently on the look out for the following types of Freelancer:

  • iPhone Application Designers & Developers
  • Android Application Designers & Developers
  • Magento & Wordpress Developers
  • SEO Specialists
  • General Web Designers & Developers

Please send us a link to your portfolio site/examples of your work to info@rosslyndigital.co.uk.

Thanks

Solving the Browser Compatibility Testing Issue with crossbrowsertesting.com

Thursday, June 17th, 2010

After using Virtualbox (a free virtual machine) with MultipleIE and IETester installed, we thought we had the Internet Explorer (IE) browser testing issue covered for the most part. Though not perfect (MultipleIE is no longer supported and IETester is in alpha) both applications seemed to replicate the general functionality and habits of IE6+. Over a sustained period of time we found that inconsistencies occurred when comparing test results from IE natively to the results shown from these applications. Something more robust was required.

We ruled out using one of the numerous automated screenshot tools out there such as IE NetRenderer as it was a priority that we could replicate any bugs/issues specific to a browser be it layout or functionality. Another route we took was looking at utilising Microsoft’s VHD Images. Awesome we thought, we can now download and run multiple Windows images inside Virtualbox, each one with a different version of Internet Explorer. Well that’s what we thought. Unfortunately Microsoft changed their policies recently, so anyone trying to run any of these images on a Mac/Linux platform will never be able to get them fully working (tell us if we’re wrong).

Our chosen solution:

crossbrowsertesting.com

As it says on their website:

Test your website live via your browser and remote VNC sessions. Now you can interactively test your ajax, javascript, and flash on all operating systems and browsers from anywhere!

The service provides interactive live browser testing and automated browser screenshots. The operating systems available for usage include Mac OS, Ubuntu and Windows and each has a different group of browsers to test upon (take a look at the full config list). The pricing structure is based upon the total time you use up during your VNC sessions each month. Starting at $19.95 (as of 16/06/10) for 150 minutes, the pricing seems competitive.

The Working Process

Our starting point is navigating to the URL of the website we’ll like to test. We then utilise the Bookmarklet provided by Cross Browser Testing.

Screenshot showing the location of the Cross Browser Testing Bookmarklet in our Firefox browser

On clicking the Bookmarklet we’re presented with a JavaScript driven overlay that allows you to launch the currently viewed site in a specific browser inside a VNC session. You can also generate screenshots of the currently viewed site in selected browsers and view your account profile.

Screenshot showing the JavaScript driven overlay that allows you to choose different services from Cross Browser Testing

Well we’ve hit a crossroads, what should we show you first? The Automated Screenshots? An Interactive Live Test with IE7? Or perhaps what your account shows you?

Automated Screenshots

Good choice. The automated screenshots page loads up in a new browser window and looks a little like this:

Screenshot of the Cross Browser Testing Automated Screenshots service

From here you can enter the URL you wish to generate screenshots for (automatically filled via the Bookmarklet) and add/remove the required browsers, operating systems and screen resolutions (in other words different Configs). Click the Take Screenshots button and you’ll be presented with the results (after a short loading time).

Screenshot showing the screenshot results from the Cross Browser Testing service

The results page displays thumbnails of each requested Config. You can then share these with the usual social media tools, view a full size version of the screenshot, retake the screenshot or launch into a fully fledged Live Test. If you scroll down to the end of the results you can also download all the screenshots in a ZIP file (very useful), create a slideshow, look at the options of accessing the screenshots and the surrounding functionality via the API, download a crossbrowsertesting.com badge or copy a public url.

Interactive Live Test

Ok you want to see the VPN stuff I take it. In this example we clicked on the WinXP / IE7 Bookmarklet overlay which launches the VPN queue timer in a new window. Pretty much this gives you an idea of how long you’ll have to wait for a Config to be made available to you. From our experience the longest we’ve ever had to wait is around 30 seconds (which is excellent).

Screenshot showing the Cross Browser Testing Live Test Queue

Screenshot showing the Cross Browser Testing Live Test Instructions

Once the Config is ready the connection options are made available to you. Chicken of the VNC is our preferred VNC client but we have tried using OSX Screen Sharing and it works just as well. You copy the VNC Host IP & port into your VNC client and enter your Cross Browser Testing account password. The options across the top are to end the testing session, refresh the page, take a snapshot/screenshot of the config, record a video of your session and to send text to your session window. Any snapshots/screenshots/videos you produce during a session are added into your account for future access.

Screenshot of the Cross Browser Testing Live Test Options

Screenshot of Chicken of the VNC using details for Cross Browser Testing

Lo and behold a VNC connection showing the requested website in the requested Config. *Awesome*

Screenshot of rosslyndigital.co.uk in a Cross Browser Testing client (IE7/WinXP)

Once you’ve finished all the testing you need to do, close the VNC client and click the end session button in the Config options browser window. You’ll then be presented with a mini feedback form, asking you to review your session. We’ve had the odd minor speed issue but we’ve never had a session that’s been below a 4/5. The guys are also very good at responding to feedback, both positive and negative so always leave them a note if you come across anything out of the ordinary.

Your account

From your account (accessed via the website or the Bookmarklet) you can view the usual account information, your time usage, all previous session information (time used, date, Config etc) and all previous screenshots.

Screenshot of the Cross Browser Testing Account Screen

Sum it up

Cross Browser Testing has become a key part to our workflow. It allows us to react to time critical situations where a bug has been found in a specific browser. A good example is when a client phoned up about a Magento 1.3.1 installation doubling up the quantities in IE8. We were able to quickly launch the site in IE8 via the Cross Browser Testing Bookmarklet and replicate the bug. Five minutes later the issue was fixed after replacing a piece of code (event bubbling was occurring).

We would recommend Cross Browser Testing to all developers that are in a professional environment.

Magento Ecommerce: An Overview and Some Useful Hints

Wednesday, May 5th, 2010

Magento is the ecommerce solution that takes time to master! It comes in two flavors; Enterprise and Community.

Enterprise is the fully supported, commercially licensed version of the app with prices starting at $11,125/yr (as of 2nd May 2010).

Community is the version available for no cost to the general market. Naturally your only source of support “out of the box” are the Magento forums and a few third party sites (feel free to tell us about your Magento site in the comments). There are quite a few specialist Magento developers out there, so if you need more help there’s always someone available for the right price.

For the rest of this post we’ll be talking about the Magento Community version.

Magento Community – Should I use it?

Web Developers

Magento is a beast worth taming. You’ll be frustrated, angry and annoyed with parts of the system whilst working on it but keep going. The more time you spend with it, the more understanding of how solid and powerful an application it is. You’ll have a “eureka” moment whilst working on it which will change your attitude towards the app. If you’ve got an “intermediate” web development skillset you shouldn’t have too many issues setting up the vanilla (default configuration) version of Magento. The majority of issues come about due to file permissions on the server or the caching engine of Magento (try to fix something and you don’t see the results). We usually disable the caching on our development server, and only fully enable it once live.

Store Owners

Magento offers a lot of features in terms of reporting and the management of products and stock. It is also one of the most complicated to get used to due to the sheer number of options and features available (and will most likely need you to spend some money on a web developer). If you’re looking for a fully fledged store that is well rounded and secure (if maintained properly) then Magento is an excellent option and worth the additional time to understand as well as the possible extra cost for development. If you have no web development experience (be it yourself or the team) then you’ll need a web developer to assist you with installing and configuring the installation. To keep costs low you could purchase a pre-built Magento theme/style from places such as Template Monster (recommended) and ThemeForest.

For those of you looking for something a little less intensive, utilizing a managed service such as Do Your Own Site and aShop (has both retail and wholesale functionality) is definitely worth looking at.

Handy Hints

Here’s a list of resources that we’ve utilized whilst working on the development and customization of a Magento 1.4.0.1 (and older) installation. Please feel free to ask any questions if you need a little help with anything listed below.

  1. Why aren’t my product categories being listed in the menu?
    http://www.aschroder.com/2009/03/top-3-solutions-when-your-magento-categories-are-not-displaying/
  2. Adding a left hand menu
    http://www.magentocommerce.com/wiki/how_to_create_a_vertical_left_hand_menu
  3. Add products to the homepage
    http://www.magentocommerce.com/wiki/how_to/add_featured_products_to_home_page
  4. Adding Static Blocks
    http://devzone.pratthost.com/2008/09/30/magento-add-static-block-to-cms-page/
  5. Creating Dynamic Category Landing Pages
    http://magentoexpert.co.uk/2009/05/23/tips-for-creating-dynamic-category-landing-pages/
  6. Disable the Compare Function
    http://www.aschroder.com/2009/07/removing-the-compare-function-in-magento-the-easy-way/
  7. Forcing the User to Login to access the store
    http://www.magentocommerce.com/boards/viewthread/7589/P15/#t141148
  8. Reference an image from your skin/theme in the Magento app folder
    http://snipplr.com/view/22394/magento-get-skin-url/
  9. Redirect the user to a specific page when they login
    http://www.magentocommerce.com/boards/viewthread/26352/
  10. Changing the logo in the system emails
    http://www.magentocommerce.com/boards/viewthread/40257/
  11. Flushing the test order and user records
    http://inchoo.net/ecommerce/magento/delete-test-orders-in-magento/
  12. Migrating Magento to a new server
    http://www.richardcastera.com/2009/06/30/migrating-magento-to-another-server/
  13. Magento migration issues:
    1. app/code/core/Mage/Core/Model/Mysql4/Config.php on line 92
      http://www.magentocommerce.com/boards/viewthread/23276/P15/#t116807
    2. BTREE errors
      http://www.eliasinteractive.com/blog/magento-database-import-error-using-btree-key-fk_attribute_varchar_entity-entity_id-key-fk_catalo-at-line-9
  14. Changing the base url in the database
    http://blog.chandanweb.com/magento/how-to-change-base-url-in-magento

What's Been Said/Read/Dev'd

From the Blog

Users are ruthless. (JL)
August 24, 2010

Here’s a few points to consider when planning your next web site.
Your web site maybe creating the ‘first impression’ of your business.
Think about it, would you answer the phone ‘no, go away!’? Exactly!
Would you put up a neon sign next to the M1 saying ‘its easier to get a quote from our competitors who are [...]

Who we’ve been working with

  1. Travelport
  2. John Wiley & Sons
  3. Commvault
  4. SBK Healthcare
  5. ConSol Partners

See what else we’ve been doing