Skip to main content

Home/ @Publish/ Group items tagged Design

Rss Feed Group items tagged

Pedro Gonçalves

Another Win For Flat Design As Facebook Gives Its F Logo & Other Icons A Flatter, Clean... - 0 views

  • Flat design has spread its levelling influence all over the tech industry and its interfaces in recent years
Pedro Gonçalves

Experience Design Will Rule in the Post-PC Era | Forrester Blogs - 0 views

  • 77% of mobile searches take place in the home or at work where a PC is readily available. Whether you call it lazy or convenient, the simple fact is smartphones and tablets are quickly becoming the go-to computing devices for consumers.
  • In the post-PC era, customers expect companies to provide experiences aligned with their needs and abilities, in the right context, and at their moment of need.
  • Today, content is the interface and navigation is performed directly through gestures and voice commands. As a result, interactions are becoming multi-modal, engaging users through multiple senses.
  • ...4 more annotations...
  • Adaptive. As customer interactions fragment across devices, experiences must perform reliably across an expanding interface landscape that includes PCs, laptops, smartphones, tablets, and, increasingly, TVs and cars. But just having a presence on these devices is not enough. Experiences must persist across these devices
  • Further, they need to become polymorphic, taking advantage of the connected devices that surround us to delivernew multi-device experiences that were not possible before.
  • As consumers adjust to post-PC realities, they expect companies to provide the right mix of content and functionality at the right time and right place.
  • design and customer understanding, not technology, will rule the post-PC era. In a time when you can hire a handful of engineers to build just about anything you want, value shifts from what is possible to what is desirable. 
Pedro Gonçalves

Content Knowledge Is Power | Smashing Magazine - 0 views

  • content-out design4 — the concept of determining how your design should shift for varying displays by focusing not on screen sizes, but on where your content naturally breaks down.
  • if you want to ready your content to be more flexible and adaptable, then you can’t just look at each page individually. You need to start finding patterns in the content.
  • Each bit of structure you add gives you options: new abilities to control how and where content should be presented to best support its meaning and purpose.
Pedro Gonçalves

How to Manufacture Desire: An Intro to the Desire Engine | Nir and Far - 0 views

  • Addictive technology creates “internal triggers” which cue users without the need for marketing, messaging or any other external stimuli.  It becomes a user’s own intrinsic desire. Creating internal triggers comes from mastering the “desire engine” and its four components: trigger, action, variable reward, and commitment.
  • A company that forms strong user habits enjoys several benefits to its bottom line. For one, this type of company creates “internal triggers” in users. That is to say, users come to the site without any external prompting. Instead of relying on expensive marketing or worrying about differentiation, habit-forming companies get users to “self trigger” by attaching their services to the users’ daily routines and emotions. A cemented habit is when users subconsciously think, “I’m bored,” and instantly Facebook comes to mind. They think, “I wonder what’s going on in the world?” and before rationale thought occurs, Twitter is the answer. The first-to-mind solution wins.
  • A multi-screen world, with ad-wary consumers and a lack of ROI metrics, has rendered Don Draper’s big budget brainwashing useless to all but the biggest brands. Instead, startups manufacture desire by guiding users through a series of experiences designed to create habits
  • ...8 more annotations...
  • The trigger is the actuator of a behavior—the spark plug in the engine. Triggers come in two types: external and internal. Habit-forming technologies start by alerting users with external triggers like an email, a link on a web site, or the app icon on a phone. By cycling continuously through successive desire engines, users begin to form internal triggers, which become attached to existing behaviors and emotions. Soon users are internally triggered every time they feel a certain way.  The internal trigger becomes part of their routine behavior and the habit is formed.
  • After the trigger comes the intended action. Here, companies leverage two pulleys of human behavior – motivation and ability. To increase the odds of a user taking the intended action, the behavior designer makes the action as easy as possible, while simultaneously boosting the user’s motivation. This phase of the desire engine draws upon the art and science of usability design to ensure that the user acts the way the designer intends.
    • Pedro Gonçalves
       
      Maybe... but how can that time be leveraged in a focused (and profitable) way?
  • Variable schedules of reward are one of the most powerful tools that companies use to hook users. Research shows that levels of dopamine surge when the brain is expecting a reward. Introducing variability multiplies the effect, creating a frenzied hunting state, which suppresses the areas of the brain associated with judgment and reason while activating the parts associated with wanting and desire. Although classic examples include slot machines and lotteries, variable rewards are prevalent in habit-forming technologies as well.
  • The exciting juxtaposition of relevant and irrelevant, tantalizing and plain, beautiful and common sets her brain’s dopamine system aflutter with the promise of reward. Now she’s spending more time on the site, hunting for the next wonderful thing to find. Before she knows it, she’s spent 45 minutes scrolling in search of her next hit.
  • What separates the desire engine from a plain vanilla feedback loop is the engine’s ability to create wanting in the user. Feedback loops are all around us, but predictable ones don’t create desire. The predictable response of your fridge light turning on when you open the door doesn’t drive you to keep opening it again and again. However, add some variability to the mix—say a different treat magically appears in your fridge every time you open it—and voila, desire is created. You’ll be opening that door like a lab rat in aSkinner box.
  • unlike a sales funnel, which has a set endpoint, the commitment phase isn’t about consumers opening up their wallets and moving on with their day. The commitment implies an action that improves the service for the next go-around.  Inviting friends, stating preferences, building virtual assets, and learning to use new features are all commitments that improve the service for the user. These commitments can be leveraged to make the trigger more engaging, the action easier, and the reward more exciting with every pass through the desire engine.
  • As Barbra enjoys endlessly scrolling the Pinterest cornucopia, she builds a desire to keep the things that delight her. By collecting items, she’ll be giving the site data about her preferences. Soon she will follow, pin, re-pin, and make other commitments, which serve to increase her ties to the site and prime her for future loops through the desire engine.
Pedro Gonçalves

Will The New York Times Redesign Lead To A New Web Standard? | Co.Design: business + in... - 0 views

  • Couldn’t the NYT just know what I’d want to read and serve that up to me via algorithm? “Hell, yeah!” Adelman responds to that last question. “The fact that we continue to reflect that organization structure is not a statement about how we think things should be consumed. It is a statement about, there are some very natural ways for people to look for things.” Those “natural” ways of looking at things really come down to, again, user expectation. While the redesign does incorporate some algorithmically suggested sections within navigation, Adelman stresses that the NYT simply can’t remove the option to predictably click on particular topics, lest their audience question the publication’s transparency.
  • “There’s an element of trust that’s important in any relationship, whether it’s with the NYT or another publication, or a tool or experience you’re accustomed to,” Adelman says. “You don’t want to feel like things are moving under your feet." They also can’t merely fill the NYT homepage with articles they think someone might like to read, because then they cease to be what they are--the world’s news, presented without assumptions or bias. “I don’t think people want a customized version of the NYT homepage. They might benefit from some amount of material focused on their interests, but people come to the NYT because they want the NYT’s take on things.”
Pedro Gonçalves

Digitaria | The Most Powerful Branding Tool You're Not Using: Pinterest - 0 views

  • I contend Pinterest as a service is best conceived of as a mood board for the company image. It isn’t a place to broadcast specifics or a way to run contests. It’s not that these are impossible, but Twitter and Facebook are better suited. Pinterest is a forum to communicate a brand’s identity, values, and personality. A place to build trust and affinity with consumers. Surprisingly, it might be the best single channel for communicating brand essence that exists today.
  • Opt for fewer, broadly categorized boards rather than many narrow ones. I have 5 boards total, and just one called "designed," instead of art, product design, graphic design, typography, advertising, and logos. Broad categories give your boards greater variety, and variety equals engagement.
  • In my experience, following people doesn't really get you followers on Pinterest. This is anecdotal, but I don't think many users do the auto-follow-back thing - that’s more of a Twitter phenomenon.
  • ...4 more annotations...
  • Each pin is an impression. One that garners no re-pins or likes is a wasted opportunity.
  • Have a voice. In their pin descriptions, most users simply state in words what the image is already showing. Wasted copy! Express why you're pinning something, what you like about it, some cheeky comment. Pin something you don’t like, and say why! You want followers to get to know you, to engage with your personality and/or your brand.
  • Have a vision. A corollary to the previous tip. Your boards should reflect a consistent, unique visual identity. If they don’t, you may want to consider whether your brand does.
  • Post lots of content from outside Pinterest! The site tends to become an echo chamber, with most users finding everything on their boards from other boards. Be a source of fresh content to those people. The re-pin has it’s place (a strategic tool to grab someone’s attention). But really, 98% of your pins should be from external sources.
Pedro Gonçalves

Hover is dead, long live hover | Feature | .net magazine - 0 views

  • Right now, we're at a turning point. Whatever we do it’ll be wrong, either in the short term or the long term. Looking to the future and not using hover will cause pain to the majority of users today or cause pain to the increasing touchscreen user base. Offering hover interactions to only those using desktop/laptops we could consider to be a progressive enhancement. But what about hybrid devices like the Microsoft Surface that offer both touch and mouse/keyboard? Can we accurately know what input method is being used? Simple media queries are not enough to know what interaction is possible.
  • We want our designs to be device agnostic. If we build a website we want to do the minimum to make sure it works across device. We can tweak designs at different sizes to meet needs but changing an interaction style by device seems like old-fashioned thinking.
Pedro Gonçalves

10 Developer Tips To Build A Responsive Website [Infographic] - ReadWrite - 0 views

  • “We are now looking at how we display and order content differently from screen size to screen size,” said Jeff Moriarty, Boston Globe VP of digital properties in an interview last year. “This ‘responsive content’ concept is emerging and we are starting to see in data that users want different types of content depending on their context and the device they are on. We have to now think about how content performs differently from the biggest screens to the smallest, how that content is organized and even how headlines are written from platform to platform.”
  • The first thing to think of when building a responsive site is simplicity.
  • some website builders may over-design for the desktop, making some websites fun to play with but absolutely impossible to navigate.
  • ...1 more annotation...
  • focus around content and avoid the pitfalls that certain aspects of websites can create.
Pedro Gonçalves

9 Principles For Great Branding By Design | Fast Company - 0 views

  • It's not all about being different; it's about being better.
Pedro Gonçalves

Web Developers Brace For the MacBook Pro's Retina Display - 0 views

  • The new laptop, which Apple unveiled last week, already has Web designers and developers trying to figure out how they're going to create sites and Web apps that look good on the new machine without leaving the rest of the Web's population behind.
  • One of the key advantages of these high-resolution displays is their crisp, highly readable rendering of text. That particular buck stops with the Web browsers, which are much more varied on the desktop than on mobile devices. Naturally, Safari supports retina-friendly text, but Chrome is still working on it, and other browsers will presumably follow.
  • For image-heavy sites, swapping out higher-resolution images can have a substantial impact on page load, which in turn affects user experience and even search engine rankings. 
  • ...2 more annotations...
  • To deal with this issue, Web developers can borrow from some of their tried-and-true methods. For years, websites have used browser detection to deliver different CSS stylesheets to different browsers. A similar approach is used to craft responsive designs - when sites load different layouts depending on the device being used to view it. Likewise, this sort of tactic could be used to handle graphics
  • That's exactly what they're doing at O3 World, an interactive agency based in Philadelphia. To account for different screen resolutions, they've begun creating multiple sets of graphics, which are delivered dynamically, depending on the user's screen resolution.
Pedro Gonçalves

Google Study: 9 in 10 Consumers Engage in Sequential Device Usage - Page 2 - 0 views

  • Digital advertisers and publishers may also want to consider using a responsive design strategy to ensure that their sites deliver consistent, high quality digital experiences across desktop and mobile channels
‹ Previous 21 - 40 of 160 Next › Last »
Showing 20 items per page