Archive for the ‘Web Design’ Category

Openness and learning at UX events

Among the many unusual characteristics of the User Experience (UX) industry, is its willingness to share knowledge. In other disciplines, what might be considered your competitive advantage and protectively guarded, is freely (often for free) given away. As most practitioners would admit, a significant proportion of our understanding of the field and how we keep up with contemporary practices, come from the exchange of ideas at the many and various UX events.

Another notable trait is the understated style of networking, engendered by the relaxed and friendly atmosphere at these occasions. The connections we make at UX events result in us having friends and colleagues to consult with, when presented with a new design challenge. A UX practitioner’s role can have a wide-reaching remit, so it’s customary (and considered by many to be good practice) for us to get advice from our peers from time to time (without breaking any NDAs of course!).

These two aspects, along with a desire to contribute to the UX community, encouraged me to get involved with organising some UX events here in Brighton. About a month ago I put on Brighton’s first UX Camp with a fellow UX designer Gavin Wye. The one-day ‘unconference’ was held at Cogapp’s spacious design studio on Saturday 1st October 2011.

Discussion at UX Camp Brighton

UX Camp Brighton

There are no spectators at a UX Camp, as everyone is both an attendee and a participant. As well as learning from our contemporaries and taking part in discussions, each attendee is expected to conduct a session. This provides some useful practice in an important part of a UX designer’s job, giving presentations and running workshops. For more details, please have a look at the range of presentations and blogs about the day listed on the UX Camp Brighton website.

I am also involved with arranging the upcoming Design Jam Brighton on the 5th of November 2011, also to be held at Cogapp. Like the UX Camp, it is the first event of its kind to be put on in our city. Co-organised with UX luminaries Gavin Wye, Alison Austin, Danny Hope and Cennydd Bowles, we are expecting an exciting day of hands-on designing, experimenting, learning, sharing and fun.

Overhead shot of group at Design Jam Oxford

Design Jam Oxford

Attendees are separated into small teams and given a one-day design challenge, which will only be revealed in the morning. Participants will to get a chance to try-out unfamiliar techniques and to design without the usual constraints. They will share and learn with their fellow teammates and be guided by some specially selected mentors. For more information on Design Jams, have a look at the Design Jam website.

UX Camp Brighton 2011

Earlier this month, Laura (Makemedia’s marketing manager) and myself attended Brighton’s first BarCamp dedicated to user experience design. UX Camp Brighton (co-organised by our own Patrick Sansom) saw a diverse gathering of designers, IA specialists, project managers and beyond meet to share knowledge through a series of short presentations, debates, and workshops.

UX Camp Brighton

Image used under CC license Sharalike 2.0 (Natalia Buckley)

Everyone who attends a Barcamp is (usually) also a presenter, selecting a free time slot from the grid then attending other talks outside of their alloted place on the schedule. Barcamp’s are friendly and inclusive, and discussion is encouraged.

Some of the interesting debates of the day included the value of UX as a job role, and how conference-going experiences could be improved by discussing the good and bad from our own anecdotes. Workshops included techniques on sketching a client’s domain for better understanding, and applying metrics around subjective design work using emotional response testing.

It was a truly enlightening day, with a refreshingly diverse and friendly crowd which contributed to a great atmosphere for knowledge-sharing. For a more detailed rundown of the day, check out my retrospective of the event.

Top 5 tips for your digital marketing – from BrightonSEO & BDMF

Brighton Digital Festival

Brighton really is a hub for digital innovation – you only have to look at all the events happening during the Brighton Digital Festival to see the passion that people have for the industry here.

This week I went to BrightonSEO, a conference often considered controversial, and the Brighton Digital Marketing Festival, organised by our pals at Pure360. A big “thank you” and kudos to the organisers and all the speakers at these events for the opportunity to discuss ideas. Here are some of the main points of importance I’ve picked up at these events.


1, It’s all about mobile.

You are missing out if you don’t have something out there for mobile users (which includes tablets, not just phones). Think about this:

  • Is your website user-friendly for mobile users? Responsive design means your website works for desktop, phone and tablet users.
  • If you are selling online having an M-commerce offering will help you to sell more.
  • Are you emailing customers? You need to consider how people will be viewing email on mobile devices in terms of design and how you are encouraging people to engage with you.


2, Panda will be affecting your website!

If you’re wondering what cute bears have to do with your website, here’s more about Google’s Panda update and why it will affect your website’s position in search listings. Top tips for dealing with Panda:

  • Just make a really good website – consider design and user experience and don’t overwhelm it with ads.
  • Put some really good content in there, Panda knows the difference (see point 3 for tips here).
  • Socialise! See points 4 and 5.


3, Using awesome apps and content will bring people to your site (and their friends)

Creating an interesting feature on your website will get it shared. Dave Peiris of SharkSEO looked at sites such as Just Buy This One (find the best product under £x) and Uptime Robot (monitors your websites) as examples of features that visitors will find useful and share with others.

44% of sharing is done through Facebook alone, which brings me onto my next point…


4, Get social!

I’ve been asked by a client, “why should I have a social media presence, what is the ROI?” Here are just some of the beneficial points of having a good strategy in place:

  • It will boost you up search listings – Panda rewards social media presence.
  • Dialogue! Conversation with your customers will help you understand what they want. Also, bear in mind that you are not the only voice of your brand these days.
  • RISK – if you are not conversing with customers and your competitors are, who do you think will be more successful in the long term?

My top tip is to research your audience and what social media they use, then put your energy into those channels – there’s no point being all over Facebook when all your clients are on LinkedIn.


5, Get ready for Google+

Google+ gained over 20m users in the first month, it’s the new big thing for social media. Expect business accounts to be available soon but for now get on there with a personal account and find out what it’s about. You can add me here.

Think about all the other brands Google owns (like YouTube) and you’ll realise the impact that Google+ will be capable of.

You can call myself, Rob or Nick to chat about how Makemedia can help you to create an engaging digital feature, a Panda-proof website or mobile-ise your website on 0845 017 8777.

Brighton Centre opens its doors to armchair visitors

Brighton Centre Makemedia logos

New computer simulation technology gives guided tour of venue to internet users.

Visitors to the Brighton Centre will be able to benefit from a view with a difference – a 3D guided tour of the building, without leaving their seats. Computer users will be able to explore a virtual view of the interior, thanks to the same technology that the local football team, Brighton and Hove Albion used to demonstrate the potential of their new stadium.

The new technology is the work of Brighton-based Makemedia with the company’s experience in the gaming and simulation industry standing it in good stead. Besides its work with Brighton and Hove Albion, the company has worked with several other local businesses as well as major corporates.

The Brighton Centre is increasingly using technology to showcase its potential as a conference and exhibition venue – it recently launched a mobile phone app to provide up-to-date information for conference delegates – and the new simulation technology will provide prospective clients with a real feel for the advantages that the Centre has to offer.

Work to develop the 3D virtual environment has already commenced and will be completed in August. It uses Unity3D and has been designed to work with every browser.

While the design of the Brighton Centre could have proved a tricky proposition, Makemedia believes that the layout of the building means an online tour is particularly interesting. “The nooks and crannies of the Brighton Centre will make it a more interesting environment to explore for users. Exploring the model will help them to know exactly where they are going when they visit the real Brighton Centre! It will also help those who are investigating hiring the venue get a real feel for the building,” said Laura Evans, Makemedia’s head of marketing.

“The Makemedia technology will be the perfect way to demonstrate the potential of the venue,” said Penny Parker, business and communications manager for the Brighton Centre. “In a competitive marketplace, features such as this 3D simulation will really help attract new clients and will help highlight some of the most attractive aspects of the Brighton Centre to event organisers.”

Makemedia Hack day

Weeks of office banter and competitive tension finally came to a head on Friday for the very first Makemedia Hack Day. This was a chance for everyone in the company to get fired up and create, investigate or nurture any idea they want – and to win a prize for the best project.

And get fired up they did!

The teams and their creations were as follows…

The 3 Marketeers

The 3 Marketeers

The 3 Marketeers

Laura, Sam and Bryony created a multi-faceted marketing campaign surrounding the creation of Makemedia mascot Fanny the Robot! We started up a twitter page which by the end of the day had 30 followers (which is still rising #followfanny !) We also designed a template for a make your own Fanny the robot and a real life sized robot. We brought this all together with a funny viral video.

Team Tigerblood

Team Tigerblood

Team Tigerblood

Tom, Edd and Steve created an iphone app to prevent users from burning their mouths on hot food. Users select the foodstuff they are cooking and how long it cooked for and the app scientifically calculates how long you should leave it till its optimum eating temperature. It was impressive they made this app in just one day- also great for when you’re deep frying tomatoes or flambéing porridge! Team tigerblood were so confident they spent their budget on chef hats and Cava!

The 3D team

Team 3D

Team 3D

Iain, Michailis, Goncalo and Andrew created a very cool website in 3D supported by Unity the 3D engine.

Team Tweety

Team Tweety

Team Tweety

Richard and George created a bird box that employee suggestions are posted into, breaking a laser beam, which then sends an email to relevant in-boxes. Unfortunately due to a technical snag the laser didn’t quite work and was replaced with a doorbell.

And last (and least…team members not effort or creativity!)… Ben

Ben did some R&D investigation into AR technology and was able to get it working on his iphone and laptop. It was really cool but he was marked down on the fact it wasn’t his work from scratch. Interesting though – maybe something we can work on in the future.

And the winner is…

With much hilarious heckling and bravado each team presented their creation the judging panel (Jackie Mission and Robin Scott) declared the winners to be The 3D team…closely followed by The 3 Marketeers. Ben also received comendment in form of a cold beer. Much fun was had by all and Jackie Mission was very impressed with all our efforts and even tweeted about our ‘BRILLIANT TEAM WORK’.

3D team WINNING (& a bit of Jackie!)

3D team WINNING (& a bit of Jackie!)

Never miss a meet: How we developed the Wired Sussex events calendar.

Brighton is one of the biggest centres for digital media creativity in the UK. The number creative agencies in the City grow monthly, with its geek community one of the strongest and most active.

Regular meets, events and training ensure Brightons designers, developers, artists, copywriters and animators stay connected with one other, and those new to the City can quickly become involved in this welcoming community. Barely an evening goes by without like-minded types congregating in a pub, meeting room or studio to discuss, debate and learn from one another.

Wired Sussex are the biggest and most well known digital media hub in Brighton, and approached Makemedia (with a tight deadline!) hoping to better promote City events. The brief? To develop a calendar application which would allow users to view events for the month ahead at a glance, and organisers the ability to assess suitable dates for their own meet in order to avoid potential clashes.

To start, we set about considering the potential questions for the calendar user, such as:

“Which events are relevant to me?”

“What is the content, start time and venue for the event?”

“Can I promote my own event?”

“How can I make sure I don’t forget to attend?”

Wired Sussex Calendar comp

With these considerations in mind, we developed wireframes, prototypes and eventually the proof of concept you see above, with key functionality in place to ensure users are able to get the most from the application. These include:

- The ability to filter events: Users are able to select from a preset number of categories, and Wired Sussex can assign events to multiple categories to ensure users do not overlook an event relevent to them.

filter

- Event details in one place: Event location, time and overview are all available within the calendar without the need to visit an external site until registering interest or booking a ticket.

details

- Wired Sussex event highlighting: Wired Sussex need to promote their own events for the month currently in view. A highlights bar was developed to sit above the main month view to showcase these.

wiredevents

- Microformat integration: We integrated the hCalendar Microformat to allow users to add event details to their diary when a browser addon is present which can read the data. We hope to extend this functionality by generating ‘add to calendar’ buttons with a future update, using the microformat data in a way that users without a browser add-on can utilise this functionality.

hcalender

- The ability to add your event: Although the calendar is fed through a feed from a central Yahoo Upcoming account, sometimes events may not be part of this feed. In this case, users can click the ‘Add my event’ button to contact the Wired Sussex team who can ensure the event appears on the calendar. We shall be extending this functionality shortly by using a form which automatically adds new events to the calendar, and will appear instantly once moderated without the need for Wired Sussex to add them through the CMS.

addevent

The BETA version of the calendar is now live on the the updated Wired Sussex website, and we would love to hear your feedback and thoughts on the application and any additional functionality you feel would be of benefit in a future release.

Search trends – Useful when talking to clients about SEO/google stuff

Seems like Search Engines are going real-time! The distinction between FriendFeed (company recently purchased by Facebook) and Google is that Google will always provide out of date data as they have to periodically spider a site for updates. Traditional ranking techniques won’t necessarily get you to the top of  a Facebook search which is becoming a popular trend.

Read the original here

Microsoft joins HTML 5 standard fray in earnest

So Microsoft are embracing the new HTML 5 standard, from what I’ve seen HTML 5 has some great new features i’m looking forward to testing:

After leaving much of the creation of a new version of HTML to Apple, Google, Opera, and Mozilla, Microsoft has begun sinking its teeth into the Web standard.

“As part of our planning for future work, the IE team is reviewing the current editor’s draft of the HTML5 spec and gathering our thoughts. We want to share our feedback and discuss this in the working group,” said Internet Explorer Program Manager Adrian Bateman in the message. “I will post our notes as we collect them so we can iterate on our thinking more quickly. At this stage we have more questions than answers, but I believe that discussing them in public is the best way to make progress.”

Read the original Here