Top 10 Books on Branding - #infographic

If you live in the civilized world  you understand the four things mentioned above. They’re the logos of four of the most iconic American brands: Nike, Coca-Cola, Apple, and Google. Each one of these now giant corporations started their brand as a small company, but what made them grow so large...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Use These 5 Steps to See if Your Social Media is Profitable - #infographic

A common calculation in the business world is return on investment, or ROI. Finding the ROI of your social media marketing, however, can be difficult. The normal factors may not be as obvious as in other ROI calculations. Your social media campaign does have a quantifiable ROI from the total...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Ask the UXperts: How Psychology and Neuroscience Can Support Design — with Susan Weinschenk

We’ve spent November taking a close look at how psychology and neuroscience help us design for people. We used Susan Weinschenk’s amazing book 100 Things Every Designer Needs to Know About People as the inspiration for our discussions so we’re pretty excited that she’ll be joining us in our Slack channel this month to share her knowledge and answer our questions.

Whether you’ve been following us as we’ve explored the book or not, you’re welcome to join us for this amazing opportunity to learn from Dr Weinschenk.

The Details

• Where: Our dedicated ‘Ask the UXperts’ Slack channel (You’ll need to request an invitation if you haven’t yet joined our Slack channel)
• When: 3pm Wednesday 28 Nov PDT or 10am Wednesday 29 Nov AEST (or find out what time that is for you)

Meet Susan Weinschenk

Susan Weinschenk has a Ph.D. in Psychology, and is the Chief Behavioral Scientist and CEO at The Team W, Inc, as well as an Adjunct Professor at the University of Wisconsin.

Susan consults on with Fortune 1000 companies, start-ups, governments and non-profits, and is the author of several books, including 100 Things Every Designer Needs To Know About People, 100 MORE Things Every Designer Needs To Know About People and How To Get People To Do Stuff. Susan is co-host of the HumanTech podcast, and writes her own blog and a column for Psychology Today online.

How to Ask Your Questions

If you can’t make the live session but have questions, we’d love to collect them ahead of time and we’ll ask Susan on your behalf. You can ask them in the comments below. We’ll publish the responses (along with the full transcript) in the days following the session.

Here are some questions to inspire you

1. How might we use these insights to create better designs?
2. How can we predict the types of errors people will make?
3. In your book you talk about placing content in the top third of the screen but many practitioners shun the ‘above the fold’ theory these days. Has your thinking changed?

How does Ask the UXperts work?

These sessions run for approximately an hour and best of all, they don’t cost a cent. We use a dedicated public Slack channel. That means that there is no audio or video, but a full transcript will be posted up on here in the days following the session.

The post Ask the UXperts: How Psychology and Neuroscience Can Support Design — with Susan Weinschenk appeared first on UX Mastery.

by Sarah Hawk via UX Mastery

Ionic From Scratch: Getting Started With Ionic

Web Design Weekly #300

Headlines

The Burden of Precision

Daniel Eden has been at the forefront of design thinking for sometime and this recent piece is a must read. He goes into detail about why we should share the load and responsibility of precise, perfect designs between designers and engineers. (daneden.me)

Introducing the New Firefox: Firefox Quantum

It’s by far the biggest update since Firefox 1.0 launched in 2004. (blog.mozilla.org)

120+ Unique, Premium Typefaces – 31 Font Families – only $9

It’s time to fall into a fantastic font sale! This Autumn Font Sale is overloaded with more than 120 gorgeous typefaces, culled from 31 different font families. You’ll be privy to a wide variety of styles ranging from vintage to cartoony, not to mention a slew of extras like alternates. No matter your latest project, you’re bound to find the perfect font in this collection. See the fonts. (mightydeals.com)

Articles

The Cost Of JavaScript

As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, Addy Osmani covers why a little discipline can help if we want our site to load and be interactive quickly on mobile devices. (medium.com)

Software Matters in the World

Everybody who makes software needs to be working on fixing a much bigger and more important set of bugs. (medium.com)

30 days deep into Figma — Full review

If you are interested in Figma but haven’t had the chance to check it out yet, this is a great starting point. (blog.usejournal.com)

How to use SVG as a Placeholder

José M. Pérez, a developer at Spotify shares some loading techniques that use SVG. (freecodecamp.org)

Performance-tuning a React application

A case-study in the specific techniques Joshua Comeau tried during a recent performance focused development sprint. He goes into details about what he learned along the way and what his thought processes were for coming up with solutions. (codeburst.io)

Take control of your scroll

This post by some talented Google developers explain how you can use the CSS overscroll-behavior property to override the browser’s default overflow scroll behavior when reaching the top/bottom of content. (developers.google.com)

The All-Powerful Sketch

Chris Coyier dives into some of the awesome stuff Sketch can do and how to make the most of it. (mediatemple.net)

Tools / Resources

Animista

Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. (animista.net)

Visual Studio Live Share

Live Share enables your team to quickly collaborate within Visual Studio Code on the same codebase without the need to synchronize code or to configure the same development tools, settings or environment. (code.visualstudio.com)

Teletype for Atom – code collaboratively in real time

A new way to dive right into code with remote collaborators. Work together in real time with your own configurations in your own programming environment on any file you can open in Atom. (github.com)

Plant – version control app and Sketch plugin for designers (plantapp.io)

GraphQL Summit 2017 (youtube.com)

All About CSS Grid (syntax.fm)

Inspiration

Interview with Matt Mullenweg on the WordPress ecosystem (poststatus.com)

Shipping Isn’t Everything (medium.com)

Jobs

Front-End Engineer at Weebly

Weebly Engineering gives you the opportunity to work on high-profile projects that make a real difference in the lives of our users. When you deploy an update to Weebly it can be used by millions of people in a single day. (weebly.com)

Product Designer at Yelp

We’re looking for an experienced designer that can create world-class user experiences that solve real problems in an elegant way. (yelp.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

Codepen in Codepen (codepen.io)

A little CSS gem (twitter.com)

The post Web Design Weekly #300 appeared first on Web Design Weekly.

by Jake Bresnehan via Web Design Weekly

Upgrade Your Project with CSS Selector and Custom Attributes

Element selectors for Selenium WebDriver are one of the core components of an automation framework and are the key to interaction with any web application. In this review of automation element selectors, we will discuss the various strategies, explore their capabilities, weigh their pros and cons, and eventually recommend the best selector strategy – custom attributes with CSS selector.

Continue reading %Upgrade Your Project with CSS Selector and Custom Attributes%

by Tim Harrison via SitePoint

ProtoPie, the Hi-Fi Prototyping Tool That Will Improve Your Workflow

This article was originally published on ProtoPie. Thank you for supporting the partners who make SitePoint possible.

As a designer, bridging the gap with stakeholders is utterly important. Properly conveying design and interaction ideas quickly and rapidly with solely static UI designs, mockups, wireframes and even simple click-through prototypes simply doesn’t work.

This is what Tony Kim thought. During his time at Google as an Interaction Designer, he wanted to build highly interactive prototypes easily and quickly in order for him to be able to share his ideas clearly and ultimately bridge the gap between him and his stakeholders.

The tools at his disposal didn’t allow him to do this easily and quickly. Easy tools didn’t provide the high-fidelity Kim was looking for while other tools for more advanced prototyping usually had a steep learning curve and/or required coding, leading to a lengthy prototyping process.

This is how brainchild ProtoPie was born.

This article will give you a brief overview on what ProtoPie is, its philosophy, and why you should adopt ProtoPie as your primary prototyping tool to improve your workflow.

What is ProtoPie?

ProtoPie is a powerful hi-fi prototyping tool on Mac and Windows for mobile apps that empowers designers to build the most advanced, highly interactive prototypes easily and quickly deployable and shareable on any device while utilizing smart device sensors.

The philosophy behind ProtoPie is that high-fidelity prototyping should be done easily and quickly.

Tony Kim, founder of ProtoPie, explains: “I believe in hi-fi prototyping. The prototypes that any designer should make are the ones that resemble the real deal, in regards to the way the user interacts.”

As hi-fi interactions are key in the design process, the golden formula of ProtoPie surrounding interactions is simple, straightforward and runs like a thread through ProtoPie:

interaction = object + trigger + response

This concept model serves as the foundation of ProtoPie’s user interface lowering the threshold to build high-fidelity prototypes while making the learning curve truly gradual. Due to ProtoPie’s ease of use, gradual learning curve and intuitive user interface, ProtoPie won the Red Dot Award 2017 for Interface Design.

What Can ProtoPie Do?

As you might know already by now, the core purpose of ProtoPie is to empower designers to build hi-fi prototypes easily and quickly.

Many designers out there still believe that advanced prototyping without coding is not possible. This is simply not true. By piecing some hi-fi interactions together, you may already have a working interactive prototype within minutes.

See here how ProtoPie shows how easy it is to create interactions according to its golden formula that you can test right away.

ProtoPie distinguishes itself from other tools out there by supporting sensors in smart devices. To make prototypes feel as if they are the real deal when deploying on any smart device, built-in sensors simply need to be taken into consideration. The sensors that are supported by ProtoPie are Tilt, Sound, Compass, 3D Touch and Proximity.

But it doesn’t stop there. You can create interactions across multiple devices using ProtoPie. This provides designers with more freedom on creating high-fidelity prototypes. Using the Send response and Receive trigger in ProtoPie, it’s possible to send and receive present messages upon establishing a link among devices.

Besides being able to create hi-fi prototypes easily and quickly, designers are given various options on how they can deploy and share their creations with stakeholders.

• You can use both ProtoPie Player (available on iOS and Android) and ProtoPie Cloud to share prototypes easily with stakeholders.
• You can run and test prototypes using ProtoPie Player, desktop browser or mobile browser.
• You can save your prototypes locally on your device.

Thus, there are plenty of ways to deploy and share prototypes. It’s up to you how you would like to do this.

Continue reading %ProtoPie, the Hi-Fi Prototyping Tool That Will Improve Your Workflow%

by SitePoint Team via SitePoint