The Twitter Bootstrap Backlash
In recent days there have been grumblings of disquiet over a few vocal bloggers decrying an apparent rampant overuse of Twitter Bootstrap – a toolkit of simple but elegant HTML and CSS conventions used for building web apps. While this nerd backlash may seem to some to be a storm in a teacup, it’s raised a few heckles with developers who find the convenience of the library to be a good thing.
The issue appears to be the “samey-ness” of websites using the framework. Sites such as the Built With Bootstrap Tumblr feed showcase the variety of websites built with the toolkit. When flicking through the galleries a certain style does leap out and, admittedly, some even use the library “as is”. The result though is not entirely unpleasant, and as one wily commentator pointed out it is better than the ‘Geocities look’ that developers would routinely come up with on their own.
Still, there are others fighting in its corner. Dave Winer has run to its defence and compares Bootstrap to the legendary Apple Macintosh, arguing that the standardisation and ease of use it offers allows people to focus on what’s important with a web application. The negativity he believes comes from people worrying that such frameworks commoditise user experience, will block development of alternatives or even somehow remove creativity from web design. Winer believes that the benefits of adapting to resources like Bootstrap allow developers to build ever better software on these foundations rather than wasting time on the basics over and over again.
I heartily concur with his opinion. From my own perspective I have found working with Bootstrap to be a great experience allowing me to concentrate on the nuts ands bolts, nitty gritty of development without having to worry about how form controls look by default. Bootstrap offers a standardised and useful set of defaults that allow the developer to focus on content and usability rather than wrestling with getting the same appearance with a dozen different browsers. All that and it doesn’t look half bad either.
One of the cornerstones of development is to not repeat yourself. Using third party frameworks or developing your own saves wasted time and allows us to focus on the needs of the customer. Bootstrap is the beginning. The rapid take up and support it has generated shows there is a need for such frameworks. Eventually there will be replacements and soon thereafter Bloggers complaining that everything looks the same. Again.
Disruptive Design and thoughts on the Responsive Summit
Last week a few of the web industry’s movers and shakers got together at a quickly arranged meet-up under the rather grandiose title of the Responsive Summit. They talked about how, in the post-PC world, web agencies can deliver websites for the reality of a multitude of web enabled devices. Aside from minor moaning on Twitter about the perceived elitism of the internet Illuminanti deciding upon the direction we all need to take, the response to the Summit has been positive. And the information I have taken from it is proving very interesting.
The hard truth that agencies like ours are facing is that mobile is not only on the rise, but will become the primary internet platform. This was recognised years ago and people boarded the responsive bandwagon thanks to such now legendary articles as Ethan Marcotte’s Responsive Web Design. In tandem with this a small number of people started doing all web design in the browser. The latest movement to pick up steam is Mobile First, whereby sites are designed for phones first and desktops second.
The Responsive Summit was an attempt to view all these developments in light of business realities and offer ideas of how agencies should move forward. So far, one of the major issues discussed is the applicability of the old print design method that has been passed down to the web. In this set-up Photoshop ‘proofs’ are produced for sign-off by clients before being constructed into a website, pixel for pixel. The argument is that this is ridiculous in light of the fact that these sites will now be viewed on screens of massively varying dimensions and resolutions.
Is the answer to produce proofs for a variety of screen widths? This would prove to be exhaustive and expensive work. The suggestion then is to follow what at first glance appears to be a process more in line with that old favourite of developers: agile. This brings the new philosophies together within an iterative development framework with designers working closely with developers to produce working responsive mock-ups for delivery to the client. Using a mobile first mindset and developing primarily in the browser the hope is that we can deliver sites that meet the clients requirements that are workable across the vast swathe of devices on the market.
This would be a large change to the established waterfall development pattern that agencies and clients are used to. Can agencies change their methods so completely? And will the client buy into this?
More information is still coming out of the Responsive Summit and there is a lot to digest, but this is the start of the conversation we all need to have. The future is both exciting and daunting for web developers…
eSterling Launches Social Media Training
Due to popular demand, eSterling has launched a social media training course for our clients.
We have found that many of our clients are aware of the value of social media sites, but are unsure how to use them for their business. Many also find that they haven’t got the time to spend getting to grips with the technology and therefore keep putting it off for another time.
That’s why the team at eSterling has devised a three-hour training session that will get you up and running. The aim is to give you the confidence to run your Facebook or Twitter account without feeling overwhelmed.
eSterling social media training is jargon-free, with everything simplified into terms that you can understand. We actively welcome your questions during the training session and you will be given handy worksheets to take away so that you can refer back to your notes.
Our training course is one-to-one and can be tailored to suit which social network(s) you are interested in, whether you are looking to use Facebook, Twitter or another site such as Pinterest. As each training session is tailored to suit your needs, you can request topics of interest that you would like us to cover.
Examples of topics covered include:
- Twitter/ Facebook layouts
- Twitter trending topics
- Suggestions of what to share using social media
- How to increase followers
- Social media reporting
As we predict that social media will have more of an influence on Google rankings over the next two years, it really does pay to get ahead of your competition and make a start with social media.
To book your training session please call Cassandra on 0121 766 4080 or email cassandra.lilly@esterling.co.uk.
Why I Use Twitter
Why do I use Twitter and what do I get out of it? First of all I read many articles about how great Twitter is and how to use it but I don’t see many articles about what people get out of it. So here’s my take on why I personally use Twitter and how to get the most out of it.
First of all, I should tell you I have a lot of hobbies and interests. Im not one of these people who get’s home from work and sits in front of the TV – I’m not having a go at people like that – hey, whatever makes you happy.
I like to create stuff. My main hobby is music and in particular writing and recording music. I use twitter to find out about all of my favourite artists – news, gigs, interviews, videos, documentaries, new releases and memorabilia. For example, I first found out Noel Gallagher was recording his debut solo album from Twitter, not BBC News, not google or the NME, but Twitter. A lead singer from a band that were in the same recording studio tweeted Noel Gallagher was in the studio opposite recording his new album! Brilliant!
When it comes to my hobby of writing and recording music I follow people who will help me to improve what I do. I use Garageband to record my music so I follow Garageband experts and Garageband Software Developers who help me to improve the production of my music. Simple. From Twitter, I learnt of a piece of software that would give me a brilliant drum sound for my songs, I brought the software and it’s improved my songs 10 fold! I would never have known about it if it wasn’t for Twitter.
I first learnt of the deaths of Michael Jackson and Amy Winehouse on Twitter and I don’t follow any news corporations. News travels fast on Twitter and you tend to be on the cusp of every major news story around the world.
I remember watching the shocking scenes of the London Riots live on my TV and simultaneously checking my twitter feed to hear the latest goings on from people I knew in those areas. Eventually a whole movement was created from Twitter that night. An every day person started a campaign to ‘Reclaim the Streets’ eventually amassed thousands of people to help clean up the streets of London the very next day.
Im also interested in gadgets (boys toys) so I follow Apple news and rumours. I hear all the latest about gadgets from all over the world. I learnt about ‘FaceTime’ on Twitter when the news broke months before any major news station caught on. I learnt of the death of Steve Jobs on Twitter and the subsequent fall out all came from Twitter
I know what your thinking – ‘You’ve got loads of interests – How would I use it?’
Well my Wife has no hobbies but she too is a Twitter user. She follows actors and actresses, music artists, celebs, friends and family members. She loves it, she’s forever asking me if I’ve seen this tweet, or that tweet.
An old friend of mine who I only see about 3 times a year is a regular tweeter and I get to hear about what he’s up to so when we meet up its all the richer for conversation pieces.
The simple fact is that Twitter is for everyone and everyone can get something out of it. Sign up and search for things you would like to know more about…its that simple
Pinterest – a social network to watch in 2012
There’s no doubt that Facebook and Twitter are the big hitters in the social media game that everyone (yes, you!) should be using, but there are other social networking sites that are well worth a look this New Year.
Pinterest is one of the developing social networks that I’ve just discovered. Using Pinterest, you can ‘pin’ your ‘interests’ using the ‘online pinboard’ interface. This works like a virtual pinboard and is great for making and sharing collections of anything you are interested in. Once users gather their pinned items together they then group them into categories and share them with others, who can then comment and share accordingly.
Pinterest’s main users are women between the ages of 25 and 44. 58% of Pinterest visitors are female and the most popular ‘pinned’ topics are fashion, lifestyle, homes, weddings and food.
If your target customer fits into this demographic, then Pinterest could help to boost your social media engagement in 2012. Think about your customer – would it be helpful for them to be able to collect and save your products in this way? I think back to when I was choosing a wedding dress last year… I collected images of dresses I liked online and then contacted suppliers to track down what I wanted. If I had used Pinterest back then, would it have been helpful come across wedding dress shops in my area? Absolutely!
Although Pinterest is mainly about social networking, it can also double as a workflow tool. If like me, you constantly bookmark websites just because you like one picture on the page, or save interesting images to your desktop, Pinterest is the way to get organised. Sharing this process with your potential customers is a sure-fire way to engage them with your brand.
Pinterest is now in the top 10 websites in social networking and forums – so it’s definitely one to watch in 2012. I’m pretty much sold on the idea, but the downside is Pinterest is still invitation-only (which makes me want it all the more!). I’d better start looking for an invitation – I’ll keep you posted!
Twitter for Beginners Part One
Twitter is a social media platform that is growing in popularity, with over 300 million users ‘tweeting’ on a regular basis. Our customers often ask me about Twitter, and with this series of blog posts I hope to explain how you can use this social networking tool to your advantage.
Firstly, you need to get familiar with Twitter and understand the way it functions. Twitter is known as a ‘micro-blogging’ website because users post updates, known as ‘tweets’ in 140 characters or less. This doesn’t give you much room to get across what you need to say – so you need to be savvy with the Twitter techniques that you will find below…
You type your tweets in this box.
*Top Twitter Tip – If you use Facebook for personal use, it’s helpful to think of Twitter as being similar to the Facebook newsfeed, with a tweet being comparable to a Facebook status update. Your followers on Twitter can be compared to your friends on Facebook.
- # – this symbol is called a hashtag and converts text into a link.
e.g ‘eSterling provide web design and SEO services in #Birmingham’
Twitter users can then click on #Birminghamto see other tweets related to this topic.
- @ – use this symbol to reply to another user, or mention them in your tweet.
e.g ‘@eSterlingGroup Thanks for helping me with my website today.’
or ‘Just ordered my new website from @eSterlingGroup – can’t wait to see the results.’
The user you mention will be notified of your tweet.
- Re-tweet – forward another user’s tweet to your own followers. You can do this by hovering over the tweet and the selecting ‘re-tweet’. This will then appear in your followers’ timeline.
- Links – use your tweets to link to your products and services, which is the ultimate goal for using Twitter for business.
e.g ‘Take a look at our blog post about web design and SEO: https://blog.esterling.co.uk/2011/11/15/web-design-and-seo-go-hand-in-hand/’
Twitter will automatically shorten any links you include in your tweets.
Once you’ve mastered these basics, you will be able to construct tweets that your followers will find interesting and helpful. And this will in turn gain you followers and spread the word about your business. In the next Twitter blog post, I will be discussing how to gain followers and keep them – so don’t forget to check the eSterling blog next week to find out more.
The Gamification of Commerce
Currently one of the hottest buzz words in the web development space, Gamification, is beginning to supplant old favourites like social media in mindshare. Gamification, as its name implies, typically involves bringing the mechanics and innovations of game design into web design. The purpose of this is to improve the users’ experience and increase their engagement – to make a website have the enveloping effect of the latest gaming hit. Gamifying a website doesn’t necessarily mean to create a game but to apply the ideas games have of dynamics, mechanics and design in an appropriate way.
Seeds were planted for Gamification to become one of the next big things when social media websites like Facebook partnered with companies such as Zynga – famous for Farmville – who sought ways to increase the engagement of users with the use of points, levels, badges and more to capture interest. The benefit for Facebook was users kept coming back to the site for more, each looking for gratification by increasing their scores and piles of virtual goods. Other companies have boarded the bandwagon early and introduced their own game elements. Foursquare, for instance, challenges people to earn badges and status amongst their peers by ‘checking in’ at locations and events.
While a relatively new term the concepts behind Gamification have been around for a long time in the e-commerce space. Auctions websites such as eBay use a form of Gamification wherein goods are placed for sale and customers ‘compete’ to win the offer. Amazon has extended this thinking to ‘Black Friday’ deals whereby the first set number of customers will win the offer and gives hints and clues as to what the potential deal may be so you can be first in line.
The success of social gaming lies not with avatars or virtual goods and farms, but with the communication between users. This is where a positive feedback loop can be introduced. By personalising the site to the needs of the customer you can create relevance and interest. By giving your customers choices you can improve the chances of them taking positive action – adding items to their basket or purchasing those items – which leads to further collection of data to better improve the personalisation. By providing a great feedback loop you can improve the chances of successful interaction between the customer and website.
Of course it is clear that there has to be a reason for your customers to be playing, beyond just handing out an achievement badge or adding points for the sake of it. These are elements that cannot just be introduced because it is the hot new thing. It may well be that your customer base is not appropriate and more sober approaches should be taken.
In this case a more appropriate response may be the introduction of personalised elements to the site. The idea that the homepage and layout of the site should be the same for every visitor is archaic. If you think of Amazon you will note that when you return and are identified by the site you are directed to items that may be of interest to you rather than the standard ‘our selected items’ that are presented to each visitor.
In addition further recommendations and related products can be tailored to the behaviour of the customer. Why be showing samples of everything you stock when the customer only sticks to one particular category of item? The potential for improvement in conversion and user engagement by targeting customer behaviour is huge. In an increasingly crowded marketplace of e-commerce stores, the ideas Gamification brings to the table can help distinguish you from the competition and make your website hugely enjoyable for your customers.
My Journey to Becoming Twiterate
Many of you know that when it comes to new technologies I like to figure them out before I believe in them fully. Twitter is one of the things that I’m beginning to see the benefits of for use in the commercial realm.
For those of you unfamiliar with Twitter, it is a social networking site that is often referred to as a ‘micro-blogging’ platform. This is because Twitter users issue tiny updates to their followers that are no more than 140 characters – this is called a ‘tweet’. Other users can reply to a tweet, or forward it to their followers by re-tweeting it. In other words, a single tweet can be interacted with and passed on to others – and this is where Twitter has value for your business.
Once you have set up your Twitter account and you have gained a few followers you will be amazed at the snowball effect. More people will begin to follow you – especially if you can offer something of worth. This is especially evident for companies that use Twitter to offer exclusive discounts, promotions or competitions, as your followers will be more likely to re-tweet your messages.
Twitter has 200 million users so it makes sense to promote your business using this medium. It doesn’t take long to set up a Twitter profile and eSterling can help you to customise it so that it really stands out to your followers. All you have to do is get tweeting!
I have long way to go until I’m fully Twiterate (Twitter literate that is!) but I believe that if something might benefit your business then you should go for it!
What is F-Commerce?
We’re all familiar with the term ‘e-commerce’ when it comes to selling products online. Now f-commerce (the ‘f’ stands for Facebook) is becoming more and more popular with brands and consumers alike.
If you’re an online retailer, it is essential that you understand the impact that social media is having on e-commerce. Unique selling opportunities now exist on Facebook and other social media platforms. These networking sites allow you to engage with your customer base – and in the ideal scenario have them promote your products to their network of friends.
At the simplest level, this can be done by the addition of Facebook’s ‘Like’ button to your website, which acts as a simple content sharing device. When someone clicks on the ‘Like’ button on your site, this information is posted to that person’s Facebook wall and this will be viewable by their friends. As the average Facebook user has over 100 friends, this simple action could have a snowball effect as more and more users ‘Like’ your brand.
This communication is not just one-way. A page on your website can pull information from Facebook to show the names and profile pictures of people who have ‘Liked’ your product. This way you can find out more about the customers that are interested in you.
The opportunity now exists to take further steps forward to integrate e-commerce with your Facebook page. This means not just engaging your customer through your social presence, but also inviting them to buy products (in part or in whole) over the Facebook platform.
To achieve this, the look of your Facebook page can be tailored to look less like the profile page familiar to most users and more like a standard web page. This also allows you to integrate e-commerce elements, either by pulling product information onto your page using an API, displaying your shop through an ‘Iframe’ or even creating an App to perform the whole process through Facebook.
A number of online retailers have already rushed to take advantage of this new opportunity. Brands like Max Factor, Heinz, Thorntons and JD Sports have all made the transition from promoting their brand to selling goods through their Facebook pages.
The time internet users spent on Facebook in 2010 surpassed the time people used both Google and Yahoo. It is therefore essential to use social media platforms to find a bigger audience for your goods. Large brands such as Coca-Cola get more than 10% of their traffic from their Facebook page and this figure is only growing.
The Facebook platform is currently completely free and businesses can take advantage of this to set up a page with no hosting charges, fees or percentages paid. Call eSterling today to find out the ideal social media and e-commerce strategies we can offer you so that you can make the most out of f-commerce.
The Google +1 button is rolled out for use on the move
Google+ has enjoyed huge success since its release in late June of this year, reaching 10 million users within the first two weeks! Now that Google + is available to everyone, its popularity is growing and this trend looks set to continue.
A lot of Google + users have described it as a hybrid of Facebook and Twitter – a new social networking tool that integrates with the web seamlessly. Both Facebook and Twitter are available as smart phones applications, so when will Google follow suit?
Google+ is taking its first baby step in to the mobile web world with the introduction of the +1 button to mobile browsers. It should already be available to anyone running either iOS 4.0+ or Android 2.1+ browsers. More browsers are destined to follow.
We should expect continuous updates from the search giant over the next few months. Technically, Google+ isn’t even out of the Beta stage yet – so who knows how powerful it will become once all the bugs are ironed out.
It is estimated that more than 1 million websites have the Google +1 button embedded into them – make sure yours is one of them and call eSterling to update your site today!