Moveable Online

Moveable Online

About Moveable Online

Moveable Online acts as the IT strategy and implementation support team for design firms, agencies, corporations and institutions. Located in Toronto, we focus on providing best-in-class corporate digital strategy and implementation.

Digital and Web Design Resources #128

Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

20 Free Brush Fonts with Elegant Details

brush font

Looking for some elegant, free brush fonts? Here’s what you’ve been looking for, a hand-picked collection of brush fonts with beautiful designs! Browse through these professional typefaces that can be downloaded and used for free.

 

Cute Valentine’s Day Cards & Backgrounds

valentines day cover

If you’re looking for a last-minute Valentine’s Day designs, this is the post for you! This small collection of creative and fun Valentine’s Day card templates can be quickly customized in a matter of moments. Check them out.

 

Bodo: A HTML Personal / Portfolio template

bodo free html template

Bodo is a free one page HTML template that you can use for getting started with a personal / portfolio website.  It is basically made of sections, includes a few useful components (carousel slider, skills bars, forms, etc.) and is featured by subtle but elegant animations. Download.

 

INSIGHT

Boost your UX with text chunking

text chunking

If you think that people read most or even half of the written content on the web, you’re giving them too much credit. Study after study that’s looked at web-reading habits concludes that people simply don’t take the time to properly read every single word, paragraph or page on the web. Instead, they’re fond of skimming or scanning your content.

Keep reading Boost your UX with text chunking

 

Best Email Marketing Tips to Increase Engagement & Subscribers

email marketing

Email is your post powerful marketing channel when used well. Your visitor’s inbox is a perfect opportunity for you to capture attention, communicate important updates and invite readers back to your site for increased visibility.

Keep reading Best Email Marketing Tips to Increase Engagement & Subscribers

 

Is Apple Still The King of Design?

Apple design

While Apple is not fundamentally creating new ways to interact with their devices in a significant way, good UX/UI is rarely revolutionary. It’s about building on the existing knowledge structures to create the best possible experience for the user by utilizing what they already know.

Keep reading Is Apple Still The King of Design?

 

The Research-Backed Impact of Not Using UX Patterns

keyboard

Most people are creatures of habit. We love doing the same thing, the same way, day in and day out. Research tells us that we’re hard-wired for predictability, and that we’re not really all that spontaneous anyway.

Keep reading The Research-Backed Impact of Not Using UX Patterns

 

8 Simple Steps to Better Icon Design

gardening icons

Icons are everywhere. From app icons on home screens to graphic representations that lead users through a design, icon design is a big deal. There’s a fine art to good icon design.

Keep reading 8 Simple Steps to Better Icon Design

 

INSPIRATION

10 of the Best Modern Poster Designs to Inspire Creativity

poster

Posters offer a diverse canvas for graphic designers, and some of the very best are not only beautifully designed but also inspiring and thought-provoking.

Check out 10 of the Best Modern Poster Designs to Inspire Creativity

 

20 Beautiful and Stylish Startup Web Designs

startup website example

Startups may not have large budgets to hire VIP studios for building mind-blowing websites, but still they pay attention to their promo sites as much as any big player like Dropbox or Trello by creating interfaces that are packed with some trendy features.

Check out 20 Beautiful and Stylish Startup Web Designs

 

Health app

via

 

Hover Style

via

Digital and Web Design Resources #127

Every week we collect some of the best digital and web design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

Font : Mademoiselle

mademoiselle font

Mademoiselle is designed by Aritra Das and Nautica Studios. Mademoiselle is a free beautiful mono-line script font with a retro/vintage vibe.It primarily draws its inspiration form the 50’s and 60’s era. Download

Font : Aganè

Agane font

Aganè is a free typeface designed by Danilo De Marco, a a Graphic Type and UI designer who work between Italy and Switzerland. Aganè font is a tribute to Adrian Frutiger, father of Frutiger and Avenir, and Bob Noorda, creator of Noorda. Download.

 

5 Ready To Print Valentine’s Day Posters

valentines day posters

Just in time for Valentine’s Day, this pack includes an amazing variety of free Ready To Print Valentine’s Day Posters that you can use in your design projects. This Valentine’s Day Poster pack contains 5 beautiful posters that you can easily modify. Each poster comes as .ai and .eps formats. Download.

 

44 Enterprise UX Resources Worth Bookmarking

Enterprise UX can feel overwhelming. These resources shorten the learning curve for designing business products and internal tools. Check them out.

 

INSIGHT

Is responsive design killing your creativity?

responsive web design

Responsive design works incredibly well with branding, but it’s less than ideal for layout. It may be that the best way to implement responsive design is to create distinct designs for different classes of viewport, and rely on responsive techniques only for similar screens.

Keep reading Is responsive design killing your creativity?

 

5 psychology rules every UX designer must know

web design psychology

There’s a psychological approach to web design—based on decades of studies and psychology experiments. Here are five psychology-backed UX tips for your next redesign.

Keep reading 5 psychology rules every UX designer must know

 

Small Print In Graphic Communication And Information Design: A Discussion Of Issues And Interactions

small print

We have seen in recent years Google (Google, 2015) introduce a guideline recommendation of 16px minimum font / typeface size for body copy and text size on the web. If the text size on a website is less than 16px, Google considers the web page not mobile-friendly and this, in turn, will affect the site’s page ranking in Google.

Keep reading Small Print In Graphic Communication And Information Design

 

Is Infinite Scroll Right for Your Site or Blog? Here are the Pros and Cons

infinite scroll

Sometimes referred to as a “one-page site”, the infinite scroll design is a bit of a hot topic among web designers. Some developers using Selenium WebDriver look for ways to scrap infinite scrolling from Python packages.

Keep reading Is Infinite Scroll Right for Your Site or Blog?

 

9 rules effective “coming soon” pages follow

countdown

A lot of people have the misconception that they have to have a complete website in order to start building leads and actively promoting their business. The truth is, you can generate a lot of buzz about your client’s business and their website, with an effective coming soon page.

Keep reading 9 rules effective “coming soon” pages follow

 

How User-Centered Design Will Skyrocket Your Conversion Rate

user centered design

Put simply, User-Centered Design (UCD) is a set of principles that focus design on the user’s needs, desires, and limitations. By focusing on how users interact with your existing website, you can improve upon its structure, interface, and content to make it more appealing, organized, and useful for them.

Keep reading How User-Centered Design Will Skyrocket Your Conversion Rate

 

INSPIRATION

50 creative card UI designs

featured cards

Card layout is an integral part of material design. The separation is often achieved by using shadows, which gives the illusion of depth, or a slight color difference. It is a popular choice for news websites, magazine sites and blogs, all of which are presenting the user with ‘snapshots’ of stories that they may then choose to click on to read more.

Keep reading 50 creative card UI designs

 

Student Planner

Student planner

via

 

Drawer Interaction

via

Why Responsive Design Isn’t Enough Anymore

responsive design

As we rush at an ever-increasing pace towards a mobile-first and mobile-only world, users are putting new pressures on companies to deliver unparalleled customer experiences – or else they walk. And as the demand for quality continues to grow, techniques and trends are becoming dated faster and faster.

In 2017, one of the mobile experiences on the chopping block is everyone’s old friend, responsive design.

 

Why did we love responsive design in the first place?

Responsive Web Design (RWD) has been around for a relatively long time now. And, until very recently, it has been the be-all and end-all of web design for obvious reasons:

  • Responsive design quickly and cost-effectively provides a fairly robust experience across all devices
  • It allows companies to manage multiple front-ends from a single backend, displaying all their content across all devices without any hitches or additional work
  • It lends itself to templating, as we’ve seen in the enormous success of RWD templates on CMSs like WordPress

And since it started back in 2001, it has kept up and continued to work relatively effectively.

However, it’s increasingly evident that the structural limitations of responsive design mean that its days may be numbered.

 

Why responsive design isn’t enough

New demands have pressured responsive design in a way that it has yet been able to respond to. Here are some of the pressures it faces.

 

Personalization – Responsive design serves the same content to everyone

Apple Watch and iPhone

The biggest problem with responsive design springs from its biggest strength – it serves everyone the same content (for the most part). If your goal is to provide the same shopping experience on a phone and a laptop, this is great.

But the problem is that many sites can actually split user needs by device. Banks, for example, probably have different user groups based on device. Primary tasks for mobile users include checking their balance and transferring money, while laptop users want information about investment and savings plans.

With other mobile solutions like apps and mobile websites, you can customize your content and site design based on what people are probably going to want to do on the site. With responsive design as it currently stands, it’s possible but requires investment.

 

Customization – Responsive design won’t optimize for mobile speeds

With the content is always the same, your site weight is static, regardless of what network your user is on. There’s no ‘site-lite’ option for responsive websites. What this means is that if your users are browsing on mobile networks that are historically significantly slower (although this gap is closing) then they’re going to have to load oodles of stuff – images, fonts, rich interactions, for example –  effectively slowing down the user experience. And with speed an increasingly important ranking factor for Google AND important for your bottom line, that extra wait time can cost you some serious money.

 

Differentitation – Responsive design can’t compete with the experience offered by apps

mobile app

This is really what the problem comes down to. The prominence of apps in the mobile world has reached a point where other online solutions like responsive design simply don’t compare. And as app development costs continue to drop, they are increasingly the first choice for mobile experience. The ability to work offline, use push notifications, leverage in-app advertising, and provide a better, more stable mobile experience all means that mobile apps offer a tantalizing option compared to mobile responsive sites.

 

How to save your responsive site

Fortunately, it’s not all bad. For starters, despite the problems above, responsive design (in conjunction with a robust CMS) remains a quick and effective way to get your website online and in front of users who you need to be in front of. A bad responsive mobile site is better than no mobile site.

Second, for some sites, the problems mentioned above, like displaying the same content or optimizing for mobile speeds, isn’t so important. For example, if you’re a clothing ecommerce website, you need to load high res pictures of your products regardless. While you want to optimize as quick as you can, it’s not like cutting out images is really an option for you.

Finally, apps. Yes, apps are an aggressive usurper of the RWD reign. But apps actually suffer a similar problem to RWD – they generally present the same content to everyone. As responsive design begins to leverage metadata information more, it can get to a place in 2017 where it’s showing a specific design and specific content to a specific audience. For example, if kids are using a site, it’ll be designed in bright, fun colours. Responsive design is uniquely positioned to take advantage of that sort of development – and it just might prove its saving grace.

 

Wrap up

Responsive design is like an incumbent leader – yes, there are some scrappy upstarts nipping at its heels, and yes there are naysayers out there predicting its timely demise. But we think that the future of responsive design isn’t so doom-and-gloom.

While RWD might lose some market share, there will always be an audience that wants a site that displays across all devices quickly and cost-effectively, and there will always be those who are looking to push the envelope on how personal you can get.

Responsive design might change, but we think it’s got another year of leadership in it.

How Your Business Can Use Big Data Now

big data

Sometimes it feels like we’ve been talking about big data forever.

The promises of big data. The potential of big data. The dream of big data.

But frankly, so far big data has fallen short. Marketing campaigns still miss their audiences and companies still struggle to predict exactly how well products and services are going to perform. What’s more, big data zealots have had their noses bloodied on more than one occasion, forcing us all to realize that the solution to all of our problems might not actually be found in a server farm.

But that was then. It’s a new year now, and we’re racing full steam ahead towards a brighter, data driven future: the Internet of Things (IoT) continues to develop, our ability to deal with large amounts of data increase every day, the personnel needed to leverage big data into something useful is being trained and deployed from the world’s universities, and data-driven decision making has pervaded all but the most resistant industries.

We’re ready to call it: 2017 will be the year we all actually get to use big data.

And here are three ways it might help you.

 

1. Real-time resource tracking

real time resource tracking

One of the least complicated and most practical applications of big data in both the public and private spheres is its ability to track resources in real time.

This simple idea has proven difficult for most industries to implement at any level of scale. But the benefits are pretty clear:

  • Getting your team and resources where they need to be when they need to be there
  • Truly just-in-time inventory
  • Optimize processes over time: for example, if you ran a delivery company, tracking your driver’s time would help you optimize routes

It’s not just private enterprise that stands to gain from adopting real time resource tracking, though. National, local, and city governments all engage in extensive resource allocation every day, deciding how best to spend public money on everything from garbage collection to police and firefighters. Better resource tracking, – for example, tracking how full a garbage bin is – means you can apply just-in-time manufacturing solutions to services.

 

2. Learn what people actually think

We still struggle to figure out what customers want and like. And there’s no united way to think about this. Some argue to give the customer what they want. Others say give the customers what they’re going to want tomorrow. And still more subscribe to the ‘build it and they will come’ ethos, which is basically, give customers what YOU want to provide.

But even brands who have established a presence within a niche can be prone to misreading the room, so to speak (New Coke, anyone?)

Big data analysis of social media data can inform you about sentiment towards your brand, allowing you to adjust product offering, marketing and communication strategy, and overall brand value based on what people are saying.

 

3. Track and predict market trends

big data market trends

One of the most significant applications of big data is going to be its ability to accurately predict market trends.

One of the best examples of this is the music app Shazam, that uses data gathered from its users to help record companies predict the next big sub-genre.

This sort of data application will become increasingly mainstream. Other companies and industries can benefit in a similar way by compiling millions of insignificant data points to predict what’s going to be big next year.  Traditionally, this sort of forecasting has been done behind the hazy walls of companies like The Doneger Group, providing broad but accurate prediction services to whole industries.

But with more and more companies having both the data and the ability to do something with it, more and more are positioned to make their own market trend predictions that are specific to their company (or resell to others).

 

Conclusion

Big data has been a buzzword and a pipe dream for businesses and governments alike for the last 10 years. But now, it looks like we’re finally at a place when everyone can make use of it. We’ve got the infrastructure, we’ve got the personnel, we’ve got the demand. And increasingly, we’re going to have the pressure to do more with less.

We think that over the next year, we’re going to see companies take a big step towards utilizing big data to make strategic and tactical business decisions – and watch those who don’t fall by the wayside.

Which one are you going to be?

Digital and Web Design Resources #126

Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

Basic Widget-Style UI Kit for Websites

ui kit

A basic and clean widget-style UI kit that consists of 25 ready-made components to get started with a website design. This freebie comes in PSD format and it has been designed and released by Artiom Piatrykin for EL Passion. Download.

 

48 Restaurant & Food Fonts

pizza fonts

Crispy, aromatic, tickling your nose, newly-baked bread no, not bread. Bread package font. Food-package font. Coffee-cup font. Meat fonts, wine fonts, beer fonts, pizza fonts! Yes, they all exist, and they all taste different. Every font has a story behind it. Download.

 

20 Watercolor Freebies

water colour

These items were created by using watercolor techniques and can be used for various purposes, such as textures, backgrounds, greeting cards, logos, typography, posters, etc. Download.

 

Free UX Process and Documentation Kit

ux templates

Standardizing a UX process is no easy task. First, you need to identify activities that drive the most insights across disciplines. Then you need to find or create the necessary templates and start tweaking to fit your team. This free UX Process and Documentation Kit saves time by templatizing UX activities required for successful products. Download.

 

 

INSIGHT

How Can Your Website Deliver a Better User Experience?

In order to answer this pertinent question, you need to consider the basis of existence of websites. The main goal is to cater for the needs of all those who visit your given site. Users could be in search of some insight on a given subject, selling and buying of various items while others may be in need of entertainment.

Keep reading How Can Your Website Deliver a Better User Experience?

 

The Differences Between Enterprise and Consumer UX Design

Enterprise applications typically have much greater scope and are much more complex than consumer applications, so enterprise solutions are often tailored for people working in specific roles. Plus, enterprise applications are designed for a specific business domain rather than a specific task, as many consumer applications are.

Keep reading The Differences Between Enterprise and Consumer UX Design

 

How Intuitive Website Design Is The Key To Better Conversions

intuitive site conversion

“Users often leave Web pages in 10-20 seconds, but pages with a clear value proposition can hold people’s attention for much longer”. This is the summary of an article by Jakob Nielsen that throws light on how users behave on web pages. The research further reveals that the first ten seconds of a page visit are “critical” – but if the user stays on the page for 10 seconds, they are likely to stick around the site for a bit longer.

Keep reading How Intuitive Website Design Is The Key To Better Conversions

 

5 Steps to Making Sure Your Users Trust Your Website

trust web users

This article will share five simple ways to make your website more trustworthy, helping you to retain more of your website’s visitors. These techniques are easy to implement and can significantly improve the effectiveness of your online presence!

Keep reading 5 Steps to Making Sure Your Users Trust Your Website

 

INSPIRATION

8 reasons 80s flair will rule design in 2017

featured 80s design

Trends come and go in waves. The latest wave when it comes to web design is totally 1980s. From bright color to flat design and plenty of gnarly geometry, lots of designs feature these looks. For many designers, the 80s are a flashback to their youth, and this trend has everyone totally amped.

Keep reading 8 reasons 80s flair will rule design in 2017

 

A Bundle of Abstract Shapes is a New Way to Decorate the Homepage

abstract shapes bundle

It can be a mess of squares, circles, triangles either solid or outline, or it can be a symbiosis of irregular geometric shapes chaotically scattered throughout the browser window. They can be static, dynamic and even granted with interactivity.

Keep reading A Bundle of Abstract Shapes is a New Way to Decorate the Homepage

 

Menu Interactions

via

Tab Bar Animation

via

Event Finder

via

2017 Web Trends: What to be Prepared For

web design

Every January, we gaze into our crystal ball and share our insight into what the year ahead will hold for the every-changing world of web design.

Here are our predictions for what 2017 has in store.

 

1. Flat design will erode even more

flat design

Flat design has faced its share of criticism over the last year, with designers arguing that it’s taken the soul out of design. Frankly, we think this is a little overblown. But a consequence of this is that we think there will start to be a backlash against the flat motif.

While we don’t expect the trend to swing back to full-on skeuomorphism, we do anticipate some shift away from completely flat websites. Whether this follows in Google’s Material Design or a move in an even less flat direction remains to be seen, but we think we’re moving inexorably towards a more textured world.

Don’t worry though — sans serif is sure to stick around for a while yet.

 

2. Websites will shift from ‘design first’ to ‘content first’

content first

Design teams no longer have to fight quite so hard to get a seat at the table in website planning, and this early engagement has led to an improved average experience across the internet.

The next step, we think, will be a move towards ‘content first’, with the content strategy developed first and foremost and then the website ‘container’ built around it. With content an increasingly important Google ranking factor with every passing year, the necessity of good content strategy for the bottom line isn’t lost on major companies and brands.

 

3. What content your ads are next to will be more important

The presidential election saw the proliferation of fake news on an unprecedented scale, triggering responses from both Facebook and Google to crack down on fake news advertising revenues. What’s more, Google has redoubled their efforts against online piracy with another Pirate update to further restrict illegally streaming and downloading sites by throttling their revenue streams.

With the ad networks starting to pay more attention to what ad space they’re selling, it stands to reason that brands and companies will start to pay more attention to where their ads are appearing, to ensure they’re not tainted with the same fake news brush as the content they’re sitting next to.

 

4. Vivid colours continue to rise

colour selection

With flat design has come a relatively flat colour palette. But over the last year or so, we’ve started to see the high-end creative sector of the web (agency sites, designer portfolios, etc.)  move towards bright, primary colours and harsh, graphic designs.

With that in mind, we think 2017 is going to see the mainstream catch up with the trendsetters, filling websites with stronger, more vibrant colour palettes – which will look great on high end phone screens and monitors.

 

5. Cards and grids continue

grid web design

The last trend we see coming down the pipe is a continuation of cards and grids. Progressing in tandem with the focus on making the container work for the content, grids and cards remain one of the best ways to present disparate pieces of information to an audience.

There’s a reason the design of newspapers hasn’t changed in almost 400 years – the format works.

 

Conclusion

The world is a mysterious place, and only time will tell if we’ve read the fortunes of internet trends correctly. Even if not, it’s always fun to give it a shot.

 

Think we missed a major trend for 2017? Let us know in the comments below!