seiji annotations

It is a way of understanding where disruption is coming from and where it’s headed next. The sources of macro change represent external uncertainties—factors that broadly affect business, governing and society. They can skew positive, neutral and negative.

Feels wrong to me to assume disruptive as a positive change. Feels good to read it stating that changes can skew towards negative and neutral.

The 11 macro sources of disruption: wealth distribution, education, infrastructure, government, geopolitics, public health, demographics, environment, media & telecommunications, and technology.

Future Forces Theory: The 11 Macro Sources of Disruption

Amy Webb, Future Today Institute’s founder:

For any given uncertainty about the future — whether that’s risk, opportunity, or growth — we [futurists] tend to think in the short- and long-term simultaneously. To do this, I use a framework that measures certainty and charts actions, rather than simply marking the passage of time as quarters or years. That’s why my timelines aren’t actually lines at all — they are cones.

The “cone” has two axis: Data, evidence, and certainty / time. Area split in 4, from less to more in the first axis: Tatics (1-2y), Strategy (2-5y), Vision(5-10y), System-level evolution (10+y).

A Futurist's Framework for Strategic Planning

Why Notion was built:

Google Docs made typewriters multiplayer. Dropbox brought file cabinets to the cloud. But conceptually, they evolved little beyond their Industrial Revolution ancestors.
We duct-tape everything together with emails, copy/paste, and countless open tabs.

How they are building it:

We want to break away from today’s tools—and bring back some of the ideas of those early pioneers. […] Solve your problems your way, bounded only by your imagination.

I love Notion.

A Story of Tools and the Future of Work

Jamie Wong’s definition:

The Grep Test: If any code declares or makes use of a function, class, module, or variable that cannot be located by grepping for its full identifying token, it fails the Grep Test.

Mostly issues caused by code generation. Try to make the token searchable, if not by code, by comments at least.

Too DRY - The Grep Test

Jason Yuan about his concept:

Mercury rejects the Desktop Metaphor and App Ecosystems as fundamentally inhumane. Inspired by Jef Raskin’s principles, Mercury seeks to deliver a more humane take on human-computer interaction.

The concept feels much like mindset you adopt when using command line interfaces.

Mercury (OS concept)

To be confident in our choice, we need to be more capable to see importance and cause-and-effects in our journey maps. So we might consider to include the followings in their layout:

  • Distinguish the differences in the length of steps
  • Indicate of pauses or breaks in the progress
  • Make reoccurring actions and loops visible
  • See cause-and-effects across steps, not just in-between

These changes might make journey maps a bit more complex, but it would pay for the information they deliver.

What journey maps don't tell can make a big difference

On what money means:

Money is deeply personal and the most pervasive “product” ReD has ever encountered. There is “a persistent sense of anxiety caused by being overwhelmed by their finances,” ReD said in a written report on the study. Fixing people’s broken relationship with their money is the opportunity that ReD wants banks to seize.

On the fetishization of “fast money” by banks and fintechs:

You can now send your friends money, pay your bills, and complete international transfers on your phone in minutes. That’s useful, but these innovations have taken attention away from “slow money” products, such as pensions, mortgages, savings, investments, and insurance, which often require personalized advice. These are what reflect the money issues that keep people awake at night. Advances in the “slow” areas are lacking, suggesting that financial industry has lost sight of what really matters to people.

On focus:

Customers demand responsive, personalized services in every aspect of their lives, including from their banks. […] banks should focus on using the vast data they collect about clients to target services and advice at the moment they are most needed, such as buying a house, raising a child, a sudden change in income, marriage or divorce. Digital and mobile pension and insurance offerings should be available and tailored to individuals.

And success measuring:

Fundamentally, banks need to deliver services that make people financially better off, which means reconsidering how they measure success, says Mikkel Rasmussen. One way to do that is abandon Net Promoter Scores, a metric based on how likely a customer is to recommend your company to others. Given that banking services are so similar and people rarely switch, these metrics can be misleadingly high.

How anthropology can heal the anxiety of our broken relationship with money

(from the The Pmarca Guide to Startups, Marc Anderssen’s blog, in 2007)

Ouch:

Markets that don’t exist don’t care how smart you are.

Tim Shephard:

A great team is a team that will always beat a mediocre team, given the same market and product.

Andy Rachleffs Corollary of Startup Success:

The only thing that matters is getting to product/market fit.

And Marc Anderssen’s conclusion:

once a startup is successful, and you ask the founders what made it successful, they will usually cite all kinds of things that had nothing to do with it. People are terrible at understanding causation. But in almost every case, the cause was actually product/market fit. Because, really, what else could it possibly be?

The only thing that matters

Rebecca Sinclair on design influencing core strategy:

You can’t know the future in such a fast-moving organization or in a global market. And, when you’re truly disrupting, you don’t want to be limited by what you think your company can be right now. Snow White (customer journey storyboarding) brought human-centered design to all levels of the organization, and it is still used and shared today.

On staying ahead in a changing market:

You can’t build products that people want without a strong point of view, so understanding that Airbnb’s product was the trip gave the team the right constraints to focus on innovation that rolled up to our brand promise – even as the markets shifts.

And a final advice:

Take responsibility to create something better than the customer could have imagined. They are the inspiration, but you are the creator.

The designer who changed Airbnb's entire strategy

The process Tc39 uses to insert new specs into ECMAscript specifiction: Strawman > Proposal > Draft > Candidate > Finished.

TC39 and its contributions to ECMAScript

Jonah LehrerJonah Lehrer on learning:

unless we experience the unpleasant symptoms of being wrong – that surge of Pe (error positivity) activity a few hundred milliseconds after the error, directing our attention to the very thing we’d like to ignore – the mind will never revise its models. We’ll keep on making the same mistakes, forsaking self-improvement for the sake of self-confidence. Samuel Beckett had the right attitude: “Ever tried. Ever failed. No matter. Try Again. Fail again. Fail better.”

Why do some people learn faster?

What is special about Netflix, though, is how much we:

  1. Encourage independent decision-making by employees
  2. Share information openly, broadly and deliberately
  3. Are extraordinarily candid with each other
  4. Keep only our highly effective people
  5. Avoid rules

Netflix Culture

Pasquale D’Silva:

Designing animation is sculpting time. Timing is critical. If you don’t consider animation timing, you’re not designing animation.

Sculpting Software Animation

The JAMstack is not about specific technologies. It’s a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.

JAM = Javascript APIs Markup

JAMstack

All talks available on YouTube. Themes, topics and tools mentioned this year:

Tools

Talks

React Europe 2018

  1. Craft, above all
  2. Empathy
  3. Focus
  4. Impute
  5. Friendliness
  6. Finding simplicity for the future in metaphors from the past

The 6 Pillars of Steve Jobs's Design Philosophy

🍜🍲

▶️ How noodles are made by hand

  1. Default to action
  2. Default to transparency
  3. Grow through feedback
  4. Empathy, no ego
  5. Don’t be a robot, build the robot

Culture and values at Zapier

Mike Loukides:

It will be something that can take advantage of blockchain’s fundamental strengths: it will be a decentralized application whose participants don’t necessarily trust each other, and that nevertheless requires an accurate log of all the events that take place.

Applications examples: digital identity, power distribution, shipping, internet of things, health care, education, and games.

Blockchain applications

David Rock, Heidi Grant and Jacqui Grey:

If […] leaders can recognize that the debate and unfamiliarity that come with diversity is an important catalyst for creativity and deep thinking, they will invite it and celebrate it. And very likely, the organization — and everyone in it — will reap the rewards.

A welcoming, respectful and safe team is able to deal values differences. Let everyone feel included in the team and organization, no matter what.

Diverse Teams Feel Less Comfortable — and That’s Why They Perform Better

Mike Sager:

Here in my home office, the line between pleasure and duty is blurred. Weekend or weekday, there is no difference to me. Nobody counts my hours. My work is also my hobby. It takes as long as it takes.

A well written reflection on working from a home office.

In Praise of the Home Office

Designers as curators:

In the future, designers will train their AI tools to solve design problems by creating models based on their preferences.

The ongoing era of superstar designers:

As AI-driven parametric design enables designers to quickly and easily create millions of variations of a design, most designers’ productivity will dramatically increase. […] (but) until AI is capable of surprising us with completely novel ideas, superstar designers and companies that invest in them will continue to dominate, increasing the value of design brands.

I can see the potential for a future where our personal AI assistants, armed with a deep understanding of our influences, heroes, and inspirations, constantly critique our work, suggesting ideas and areas of improvement. A world where problem-solving bots help us see a problem from a variety of perspectives, through different frameworks. Where simulated users test things we’ve designed to see how they will perform in a variety of contexts and suggest improvements, before anything is even built. Where A/B testing bots are constantly looking for ways to suggest minor performance optimizations to our design work.

AI and the future of design: Will machines take your job?

How do we retrain a significant percentage of the workforce to occupations that are more resilient to technological automation and what are the characteristics of these automation-proof occupations?

For how long will we be able to stay ahead of the gradually accelerating capabilities of automation systems?

AI and the future of design

Gary Bernhardt presentation at CodeMash 2012 about not so good parts of javascript, like empty strings and NaN.

Wat

Dave Unger, from Restless Device podcast:

The Lisp programming language is strange, amazing, and beautiful. Some say it is the most elegant and powerful language ever created. You can learn all the basics in a few minutes, but the language is also subtle and sophisticated and learning it can bring you face-to-face with the underlying structure of thought.

Empowering.

Lisp: Learning to Think about Thinking

Clojurescript in production mentioned in a Clojure Google Group thread.

And those companies as well.

ClojureScript at its best

Roman Mars:

Credit cards don’t have to be complicated. They don’t have to trick you. But they do. Because they where designed that way.

The nicest part of work at Nubank is to inverse that logic. To fight complexity and empower people.

The Fresno Drop

Why a re-introduction? Because JavaScript is notorious for being the world’s most misunderstood programming language. It is often derided as being a toy, but beneath its layer of deceptive simplicity, powerful language features await. JavaScript is now used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer.

From MDN docs.

A re-introduction to JavaScript

Dmitri Sotnikov:

The difficulty in learning Clojure does not stem from its syntax, which happens to be extremely simple, but from having to learn new methods for solving problems.

Declarative <> Imperative. Object oriented <> Functional.

Clojure Distilled

  1. The Watch
  2. The Phone
  3. The Tablet
  4. The TV
  5. The Personal Computer
  6. The Public/Work Computer

Note that this hierarchy is correlated to the size and hence the portability and persistence of proximity to the user. Each of the screens has its own “surfaces” which expose software to the user with various degrees of ease.

The Battle for The Wrist

James Hamblin in The Atlantic:

“Turns out people don’t like hearing about other people’s possessions very much,” Kumar said, “but they do like hearing about that time you saw Vampire Weekend.”

Buy Experiences, Not Things

An easy-to-follow framework that will help you not only unpack and understand any consumer trend, but also help you apply it to launch successful consumer-facing innovations of your own.

Consumer Trend Canvas

We’re a band that makes electronic music and you’re listening to our new album, George & Jonathan III. We’ve developed highly advanced music videos that let you see all the notes we used in our songs. Some songs may be special.

The music is great. In associated with the light trails visualization the experience is incredibly hypnotic. You are going to spend more time on it than you think. Bonus whack-a-moles visualization at Puppy Love track,

George & Jonathan III

Capptivate.co captured fleeting transitions between app screens and delightful animated UI elements that we might otherwise have lost forever as apps and operating systems evolved. It preserved integral and tricky to communicate aspects of app design, sparked new ideas, and functioned as a kinetic pattern library for designers and developers working on iOS apps.

Capptivate : kinetic pattern library.

IxD ChecklistForm a better understanding of interaction through using the IxD Checklist by Amit Jakhu and Aaron Legaspi from Myplanet.

Interaction design checklist

Curated lists and insight into burgeoning industries, topics, and communities.

Github Collections

Jonathan Ive:

We’re surrounded by anonymous, poorly made objects. It’s tempting to think it’s because the people who use them don’t care — just like the people who make them. But what we’ve shown is that people do care. It’s not just about aesthetics. They care about things that are thoughtfully conceived and well made. We make and sell a very, very large number of (hopefully) beautiful, well-made things. Our success is a victory for purity, integrity — for giving a damn.

Jonathan Ive Designs Tomorrow

CSS3 Animations with special effects.

🎩 Magic

Is a growing library of transitional interface and interaction design patterns to help you inspire and communicate your UI ideas with people. 

Use Your Interface

Because “imagine everyone’s naked” is terrible advice.

By Zach Holman.

Tips for Public Speaking

A tediously accurate map of the solar system

By Josh Worth.

If the Moon Were Only 1 Pixel

Source Code Pro is a set of OpenType fonts that have been designed to work well in user interface (UI) environments. In addition to a functional OpenType font, this open source project provides all of the source files that were used to build this OpenType font by using the AFDKO makeotf tool.

adobe/source-code-pro

Steve Blank and Bob Dorf:

Startup is a temporary organization designed to search for a repeatable and scalable business model. Within this definition, a startup can be a new venture or it can be a new division or business unit in an existing company.

The Startup Owners Manual

Vaclav Smil:

Today, as you know, everything is “innovation.” We have problems, and people are looking for fairy-tale solutions—innovation like manna from heaven falling on the Israelites and saving them from the desert. It’s like, “Let’s not reform the education system, the tax system. Let’s not improve our dysfunctional government. Just wait for this innovation manna from a little group of people in Silicon Valley, preferably of Indian origin.”

🙈:

You people at WIRED—you’re the guilty ones! You support these people, you write about them, you elevate them onto the cover! You really messed it up. I tell you, you pushed this on the American public, right? And people believe it now.

This Is the Man Bill Gates Thinks You Absolutely Should Be Reading

Scott Chacon:

For teams that have to do formal releases on a longer term interval (a few weeks to a few months between releases), and be able to do hot-fixes and maintenance branches and other things that arise from shipping so infrequently, git-flow makes sense and I would highly advocate it’s use. For teams that have set up a culture of shipping, who push to production every day, who are constantly testing and deploying, I would advocate picking something simpler like GitHub Flow.

git-flow x github-flow

GitHub Flow

Uncover new stories and make sense of the complex relationships between startups, founders and Venture Capitalists with Visually’s Startup Universe

Using Crunchbase data.

The Startup Universe

Thunderclap is the first crowd-speaking platform that helps people be heard by saying something together.

Thunderclap

Open source furniture?

Mozilla Japan’s new office’s ground floor was designed by NOSIGNER. They designed all furnitures based on the idea of Open Source. They used general products and uploaded all drawings to the website. Therefore, these designs might also be able to call the “open source furniture” so to speak. Because these designs enable everyone to make functional office furnitures inexpensively.

❤ Mozilla.

Mozilla Factory Open Source Furniture

Todd Sattersten, from BizBookLab:

We need some new language that describes what happens and, more importantly, what is possible when words are separated from the paper. Those two things need to be separated so we can build systems and infrastructures that support the new capabilities of the technology. For several decades, what we know today as a “car” was referred to as a “horseless carriage.” It was easier to describe this new invention as what it was not, rather than what it was.

The paperless book

Shawn Adrian:

Like the minimalist movement in architecture in the 20th century was a backlash against the over ornamentation of architecture in previous centuries, the flat design aesthetic may be a backlash against the over designed, or overly ornamented web sites and interfaces that have been produced for years now. A common example is the overuse of skeuomorphism that people have been criticising Apple over lately.

The Flat Design Aesthetic : A Discussion

Jessica Leber:

Iowa Governor Terry Branstad announced today that government officials would be exploring ways to use the service, including potentially collecting property taxes, issuing refunds, paying contractors, and renewing vehicle registrations. 

The Taxman Looks to Speed Up Payments

A simple library for handling keyboard shortcuts in Javascript.

Mousetrap

A brief, visual reference for the most common commands in git.

A Visual Git Reference

  1. Define/strategy; Identify business and users goals;
  2. Frame/tatics: Design methods;
  3. Implementation: Code and visual assets production.

ZURB design process

Good to understand a little bit more how LinkedIn mobile is architected. Some tools mentioned on the post:

  • nginx - http server
  • underscore.js - utility-belt that includes a template engine
  • express - request/response cycle manager and more

10 performance tips from LinkedIn mobile

A world map full of points of nerdy interest marked by users. Great spots described through nerdy lenses.

Cheers, Estrela!

Nerdy Day Trips

By removing HUDs, leaderboards and text based interactions, Journey evokes the multi-player games essence: collaboration. The game was designed to be emotional, to evoke a powerful range of feelings. Humanistic. Memorable. Intellectual stimulation for adults that are relevant for real life. Work with smaller teams is easier to make things more personal, to share the same artistic vision, the same experience vision.

A Personal Journey: Jenova Chen's Goals for Games

Beautiful, well-built Android apps. Inspiration and insight into Android UI conventions.

By @c0up

Android Niceties

Collection of websites that implements responsive design in some levels.

Media Queries

Learn git one commit at a time

By @qrush

git ready

Hipopotam’s digitalized collection of handheld electronic games

PicaPic: Collection of handheld electronic games

Marketplace for local experiences.

Kicktable

Marketplace for local experiences.

SideTour

Marketplace for local experiences.

Excursionist

Marketplace for local experiences.

Get Your Guide

Builder of websites for apps.

Appsites

a painstakingly curated presentation of the most well designed apps

app.itize.us

Collection of app’s UI for iPad.

Landing Pad

Collection of app’s UI, icons and promotional websites for iOS.

iOSpirations

Collections of icons, UIs and promotional websites of apps made for iOS devices.

iOS Inspires Me

Collection of app’s UI for iPhone, iPad and Mac.

Make Better Apps

Martin Fowler:

Refactoring is a disciplined technique for restructuring an existing body of code, altering its internal structure without changing its external behavior. 

Refactoring

Visualization system of diagrams for slides presentations.

Diagrammer

I am obsessive with notebooks, specially with Moleskines. Great app with smooth controls and some wonderful eye-candy UI features.

Paper for the iPad

A collaborative list of books that covers topics related to Service Design.

Service Design Books

Precog enables users to store massive amounts of multi-structured data and perform sophisticated analytical, statistical, and predictive calculations across that data.

ReportGrid launches Precog

Generates documentation and style guide documents from your stylesheets.

StyleDocco

1 hour of work

Chupa Chups logo was designed by Salvador Dali

HTML5 comparison chart across current mobile browsers.

Mobile HTML5

Mark Egan:

As the industry rapidly changes, Redmayne said the losers will be the publishers who don’t hire the right people and develop strong relationships with app makers.

Dumping print, NY publisher bets the ranch on apps

Focused on teamwork and to kill e-mails overflow.

Redbooth (former Teambox)

Plugin to make Nike Air Jordan 2012 website transitions effect.

jQuery Parallax Plugin

Snippet of how to use querySelectorAll instead of jQuery for simple selector queries. 

Going simple with Javascript

A great collection of motion design and transitions of user interfaces.

Meaningful Transitions (offline)

An all indie games marketplace, just DRM-free games and no revenue share. Has a loot of room for improvements, but is kicking-off with a bunch of good titles.

Indievania (offline)

Fabrício Teixeira’s presentation on how to involve the planning and strategy phases one the design process before starting the creation.

UX design antes do wireframe

Random screenshots of eye-candy UIs.

Well-placed Pixels

Gets some emerging patterns and UIs that extends or improves the current ones suggested by Apple, Google, Nokia, Microsoft and other OS makers.

Mobile Patterns

A platformer developed by a journalist and finalist nominee at IGF’s Excelence in Design. Some raw UIs but very polished gameplay and soundtrack. Great pixel art.

Tom Francis' Gunpoint

List from IndieGames.com with some results of 2012’ GGJ. Some impressive stuff when you consider that they were created and built in 48h.

Global Games Jam 2012 games selection

Web apps can be integrated to Facebook mobile. Here is how to use the API and here is a Phonegap plugin o integrate it with encapsulated web apps.

Facebook Mobile Guide (deprecated)