How to create animated GIFs for UI design presentations: Part 1

Weather app animated GIF

Weather app animated GIF

You may have seen really cool animated GIFs that design professionals are using to present UI design on Behance, Dribble and other design communities platforms and wondered how did they created them. What is fast becoming one of the best ways of illustrating gestures and animations in mobile apps, animated GIFs offer a little more over traditional storyboards and static screenshots. In Part 1 of the series, I show how to create the animated GIF above. The second part will explain how to export your files properly and optimize into a GIF. Download of project file is also available. The third and final tutorial breaks down the transitions and animations more fully. Continue reading

Gamification in social media for businesses

6987639433_7abdebda9c

As businesses attempt to engage with online customers on social networks like Facebook and Twitter, new approaches of engagement with customers are required, to create sustained interest in a brand’s offering over a period of time. Traditional social media marketing campaigns can help drive spikes in activity and traffic on social pages, but to create a sustained engagement, different approaches are needed. One such approach is Gamification. Continue reading

Trends in UI, Interaction, & Experience Design

The 18 minute “Connecting” documentary is an exploration of the future of Interaction Design and User Experience from some of the industry’s thought leaders. As the role of software is catapulting forward, Interaction Design is seen to be not only increasing in importance dramatically, but also expected to play a leading role in shaping the coming “Internet of things.” Ultimately, when the digital and physical worlds become one, humans along with technology are potentially on the path to becoming a “super organism” capable of influencing and enabling a broad spectrum of new behaviors in the world.

How FNB could have designed their new website

FNB new website

FNB’s new website

I bank with First National Bank, the most “innovative” bank in South Africa but their latest move could not be termed anywhere in the innovative bracket. FNB released on 14 July, its revamped online banking website offering a responsive design to give a more enhanced experience for users on mobile devices. However, the new site has been met with several problems including unavailability of services and navigation issues, sparking widespread criticism. It seems they missed a couple of tricks. In this post, I shed some light to how FNB could have rolled out their new offering, in a much better way by taking User experience into proper consideration.
Continue reading

Strategic solutions for mobile design

So what exactly is the best way to design for mobile devices? What is the difference between native apps and sites created in HTML5? Are there patterns that one can learn or even copy from, for their mobile project?

In this post I share an insightful Slideshare presentations by one of my mentors, mobile UX consultant Theresa Neil presenting at Door64 in Austin.  Theresa presents mobile design strategies taken to design mobile apps successfully. In a nutshell, the first 45 slides look at the mobile strategy options and explains each, the next 150+ slides deep dive into the four options: responsive, mobile optimized sites, native apps and hybrids.

Mobile Design. Strategic Solutions.

Conversion optimisation of Hair products eCommerce site

hair products

Generating high volumes of traffic by employing digital marketing tactics like SEO, PPC and email marketing can be very beneficial but prove a costly exercise if the visitors leave the site without achieving the website’s goals. Conversion optimisation aims to turn eCommerce visitors into buying customers. This can only come about by understand the user’s goals and aligning it with the business goals, ultimately changing the design of the site. Therefore User experience design plays a vital role in Conversion optimisation process. This post is about how I tackled the evaluation and optimisation of a eCommerce site that sells hair products.

Continue reading

Kulula.com native mobile app prototype

Kulula app

Kulula app for tracking flights

I love travelling on Kulula (an airline company) and rate their online booking service very highly. Actually keeps me coming back because they have worked out a great experience for buying an airline ticket. The mobile version is not that different and taps into the existing functionality available on the desktop version. There were particular user experience scenarios I felt the mobile version did not effectively cater for and decide to create my own native app version. This is a glance into the User experience (UX) design process so far.

Continue reading

User Interface redesign of an educational public display

100_1440

On an earlier post I discussed how I used User Experience methodologies for my Masters Thesis to enhance a educational Bluetooth enabled system for the developing world context. This is detailed version of how I went about redesigning the actual display interface for an educational context using User Centred Design methods.

Continue reading

Stanford University – Need finding User experience assignment

After having done a Human Computer Interaction course with Stanford University online over several weeks through Coursera, I really found their need finding phase of the course insightful. On this blog post I share how we went about exploring user needs in our surroundings and my thoughts and improvements around the course.

Continue reading