after design

A store at Rabia Balkhi displays miniature designs draped on...

Tue, 21 May 2013 11:56:38 +0200

A store at Rabia Balkhi displays miniature designs draped on used coca-cola bottles at an all-women’s market on Chedgari Street in Mazar-e-Sharif province on April 25, 2013. The market houses about 20 women-owned stores that sell a range of goods from handicrafts to beauty supplies and photography equipment, and is named after the famous princess and poet Rabia Balkhi who lived in the city of Balkh during the 9th century. (Farshad Usyan/AFP/Getty Images) (via Afghanistan civilians: April 2013 - The Big Picture - Boston.com)

The dollar sign of the ads in tumblr app is designed in a way...

Tue, 14 May 2013 19:18:00 +0200

The dollar sign of the ads in tumblr app is designed in a way that it animates only when scrolled, drawing just enough attention when using the app regularly while not distracting the content when user stopped.

タンブラーアプリの広告についているドルサインはスクロール時だけクルクル回ることで普段の使用時に十分な注意を引きつつ止まるとポストの内容の邪魔にならないようデザインされている。

parislemon: shortformblog: Some design agency spent a lot of...

Fri, 10 May 2013 21:16:04 +0200

parislemon:

shortformblog:

Some design agency spent a lot of time coming up with a rough concept of what iOS 7 probably isn’t going to look like. But let’s just say it looks kind of cool.

Some good stuff, some awful stuff. Overall, a “B”. Expect about 1,000 more of these as we inch closer to WWDC.

It looks like Android and Windows Phone hybrid. Yes I mean it in a bad way.

Also, full of UI inconsistency (not only with Apple HIG and current native behaviours but within the concept itself).

Nice video though.

"「楽器には、デザインするうえでこれといった方法論=レシピがないんです。楽器は音を出す道具ですが、音を出すだけが目的ではありません。人それぞれに異なる音楽体験や感情をもたらします。楽器を演奏する場合、us..."

Thu, 09 May 2013 23:29:08 +0200

“「楽器には、デザインするうえでこれといった方法論=レシピがないんです。楽器は音を出す道具ですが、音を出すだけが目的ではありません。人それぞれに異なる音楽体験や感情をもたらします。楽器を演奏する場合、useとは言わず、playと言いますよね。誰が扱っても同じ結果をもたらすことが求められる機械と違って、楽器は扱う人によって結果が異なります。楽器を演奏する場所や姿勢も人それぞれ違う。だからデザインにもっとヴァリエーションがあっていいと思うんです」とヤマハデザイン研究所所長の川田学氏は言う。”

- 創業125年を迎えるヤマハのチャレンジ—サン・テティエンヌ国際デザインビエンナーレより | jiku

"The assumption driving these kinds of design speculations is that if you embed the interface–the..."

Wed, 08 May 2013 15:46:16 +0200

“The assumption driving these kinds of design speculations is that if you embed the interface–the control surface for a technology–into our own bodily envelope, that interface will “disappear”: the technology will cease to be a separate “thing” and simply become part of that envelope. The trouble is that unlike technology, your body isn’t something you “interface” with in the first place. You’re not a little homunculus “in” your body, “driving” it around, looking out Terminator-style “through” your eyes. Your body isn’t a tool for delivering your experience: it is your experience. Merging the body with a technological control surface doesn’t magically transform the act of manipulating that surface into bodily experience. I’m not a cyborg (yet) so I can’t be sure, but I suspect the effect is more the opposite: alienating you from the direct bodily experiences you already have by turning them into technological interfaces to be manipulated.”

- Your Body Does Not Want to Be an Interface | MIT Technology Review

parislemon: msg: kskobac: I love the simplistic, beautiful...

Fri, 03 May 2013 20:20:15 +0200

parislemon:

msg:

kskobac:

I love the simplistic, beautiful onboarding experiences that betaworks creates for its apps. The screenshots above are from the first time you open the new Dots game betaworks released. The intro experience for Tapestry was really enjoyable too.

Credit for the beauty+joy of Dots and Tapestry should go to Patrick Moberg

Dots is pretty great.

I was just going to check out their onboard UX and gosh, before I realise, I spent an hour connecting dots… Beautiful, playful app.

The new norm in dealing with modal image view on mobile...

Wed, 24 Apr 2013 15:23:00 +0200

The new norm in dealing with modal image view on mobile apps.

Image expands seamlessly from a thumbnail into a modal full-screen view while the main view shrinks slightly into background, and the new view can be dismissed by flicking the full-screen image up or down.

While the image is being dragged up/down, the background fades in relation to the drag amount, revealing the previous view ever so slightly.

Sample images:

Facebook app for iOS: the first example of such fluid modal view as far as I’m aware. Likely to be one of the direct influences of Mike Matas joining the Facebook team.
Tweetbot: update from 23 Apr 2013.
tumblr for iOS: update from 24 Apr 2013.

The beauty of this new form of interaction is that it doesn’t break the default UI behaviour laid out by Apple for iOS but extends it elegantly.

Full screen image display behaviour is pretty much defined by the default Photos.app on iOS. User taps on the image to toggle UI elements one of which offers a way to go back (close), swipes to go to next/previous image, pinch to zoom in/out. All of them are still available on this new form of interaction so it is less likely to confuse new users, yet additional behaviour is non-destructive, easily discoverable and has very low cost of learning.

I expect this to become another defacto standard practice in many iOS apps to come.

—

日本語はあとで。

Reverse face-detection | 逆顔認識

Mon, 22 Apr 2013 22:33:03 +0200

Take photos only when no face has been detected.

public-post-safe. 顔認識がされていない時「だけ」写真を撮れる機能。肖像権侵害フリー。

"You don’t design something like Facebook Home using Photoshop. I touched on this point..."

Wed, 17 Apr 2013 00:51:58 +0200

“

You don’t design something like Facebook Home using Photoshop.

I touched on this point earlier in How to Survive in Design (and in a Zombie Apocalypse), but something like Facebook Home is completely beyond the abilities of Photoshop as a design tool. How can we talk about physics-based UIs and panels and bubbles that can be flung across the screen if we’re sitting around looking at static mocks? (Hint: we can’t.) It’s no secret that many of us on the Facebook Design team are avid users of QuartzComposer, a visual prototyping tool that lets you create hi-fidelity demos that look and feel like exactly what you want the end product to be. We’ve given a few talks on QC in the past, and its presence at Facebook (introduced by Mike Matas a few years back) has changed the way we design. Not only does QC make working with engineers much easier, it’s also incredibly effective at telling the story of a design. When you see a live, polished, interactable demo, you can instantly understand how something is meant to work and feel, in a way that words or long descriptions or wireframes will never be able to achieve. And that leads to better feedback, and better iterations, and ultimately a better end product. When you are working on something for which the interactions matter so greatly—in this case, a gesture-rich, heavily physics-based ui—anything less simply will not do.

”

- Go Big by Going Home — The Year of the Looking Glass — Medium

Queuing norm @ Thai. Conditions that allow such practice like...

Fri, 15 Feb 2013 11:16:40 +0100

Queuing norm @ Thai.

Conditions that allow such practice like average climate in Thailand, dress code of the citizens, sense of safety/security to theft, willingness to walk bear feet.

一定レベルの社会的現象が成立するための条件—その土地の気候・風土、市民の一般的な服装、盗難に対する安心感、裸足で歩くことへの抵抗、など。

taqumi: SPLIT SPIRAL — a sculpture by Ray King — SPLIT SPIRAL —...

Tue, 12 Feb 2013 15:49:34 +0100

taqumi:

SPLIT SPIRAL — a sculpture by Ray King — SPLIT SPIRAL — USTAR Innovation Center, Utah State University, North Logan, Utah

Sculpture by Ray King

Film by Julian King

Music and Sound Design by Omar Jon Ajluni

SplitSpiral is an exterior wall-mounted sculpture that consists of a metal armature of curved stainless steel pipes and holographic glass discs arranged in criss-crossing Fibonacci spiral pattern that wraps the South East corner of the façade of the USTAR Innovation Science Center. The visual transformation of light into color represents a dialogue or communication between the artwork and the power of the sun.

Dimensions: 33’ h x 33’ w x 1’ d / 10m x 10m x .3m Material: Holographic Glass, Stainless Steel

"We all know that the stressors of exercise are necessary for good health, but people don’t..."

Thu, 31 Jan 2013 15:19:05 +0100

“We all know that the stressors of exercise are necessary for good health, but people don’t translate this insight into other domains of physical and mental well-being. We also benefit, it turns out, from occasional and intermittent hunger, short-term protein deprivation, physical discomfort and exposure to extreme cold or heat. Newspapers discuss post-traumatic stress disorder, but nobody seems to account for post-traumatic growth. Walking on smooth surfaces with “comfortable” shoes injures our feet and back musculature: We need variations in terrain. Modernity has been obsessed with comfort and cosmetic stability, but by making ourselves too comfortable and eliminating all volatility from our lives, we do to our bodies and souls what Mr. Greenspan did to the U.S. economy: We make them fragile. We must instead learn to gain from disorder.”

- Learning to Love Volatility: Nassim Nicholas Taleb on the Antifragile - WSJ.com

"The Romans forced engineers to sleep under a bridge once it was completed."

Thu, 31 Jan 2013 15:16:46 +0100

“The Romans forced engineers to sleep under a bridge once it was completed.”

- Learning to Love Volatility: Nassim Nicholas Taleb on the Antifragile - WSJ.com

"The great names of the golden years of English science were hobbyists, not academics: Charles..."

Thu, 31 Jan 2013 15:15:14 +0100

“The great names of the golden years of English science were hobbyists, not academics: Charles Darwin, Henry Cavendish, William Parsons, the Rev. Thomas Bayes. Britain saw its decline when it switched to the model of bureaucracy-driven science.”

- Learning to Love Volatility: Nassim Nicholas Taleb on the Antifragile - WSJ.com

untitled: アップルジャパンのサイト（1997-2000）

Wed, 30 Jan 2013 16:28:53 +0100

untitled: アップルジャパンのサイト（1997-2000）:

manabuueno:

Apple サイトの変遷が話題になっていたので、私もちょっと懐かしいのを引っぱり出してきました。

1997〜2000年頃のアップルジャパンのサイトです。

私は当時このサイトの制作に関わっていたので、今でも膨大なリソースファイルが手元に残っているんですけど、その中からいくつか紹介。

1997年7月

保存してあった HTML を今のブラウザで表示してるので文字にアンチエイリアスかかってますけど、当時はギザギザの字で表示されてた。

横幅は 600px ですね。

1997年8月

1997年9月

1997年12月

この頃は、一応ワールドワイドでテンプレートは共通だったものの、プロモーション画像なんかは統一されていなかった。上四枚のメインのグラフィックはどれも私が作ったもの。9600 の下の波紋とか嬉々として作ってた。今見ると泥臭いですね。

tumblr Inline posting interface

Sat, 26 Jan 2013 19:48:00 +0100

It’s what-you-see-is-how-you-interact. Yet another great example of modeless design.

新しくなったタンブラーの投稿画面はモードレスUIの新たな例。

basils-kite: I went to the MCA in Chicago yesterday with my...

Sat, 26 Jan 2013 01:05:08 +0100

basils-kite:

I went to the MCA in Chicago yesterday with my family and my brothers matched these paintings and then this happened.

First saw the second pic and immediately thought that was the installation including the guys.

(via Clever Mirror Hack for Drilling Straight Holes With a Power...

Wed, 23 Jan 2013 14:42:28 +0100

(via Clever Mirror Hack for Drilling Straight Holes With a Power Drill - Core77)

ドリルで真っ直ぐ（面に対して垂直に）穴を開けるために鏡を二枚使うだけのDIY補助器具。

1本のドリルの角度を視認するより4本のドリルが平行であるかを視認する方が容易という認知の特徴を上手く使っている。人がより「調和の中の違和」を検知することに優れていることの表れとも考えられるか。

"In contrast, at Apple, 99 percent of projects that made it past certain milestones shipped, said..."

Fri, 18 Jan 2013 15:53:31 +0100

“In contrast, at Apple, 99 percent of projects that made it past certain milestones shipped, said Fadell. All of the workers at Apple — from the management to the designers to the marketers — had a point of view, a story to tell, and a specific customer envisioned for the product. If management changed, everyone is still on the same page. “When you’re in a culture that has a point of view, and drives to launch everything it does, you know you’re on the hook and you better bring your best game every time,” said Fadell.”

- The secret behind inspiring designers to make beloved gadgets — Tech News and Analysis

I can very much relate to this from a perspective of a designer who often works on projects knowing they will not get shipped.

blog.niw.at: Amazon の AWS で割引を得る方法

Tue, 15 Jan 2013 10:45:06 +0100

blog.niw.at: Amazon の AWS で割引を得る方法:

niw:

個人で Amazon Web Services を使うと、ちょっと高いかなぁって思いますが、でも便利だから使うけれどちょっとくらい割引がほしいなぁって思いますよね。

そこで少ないですが 3% の(ポイント還元による)割引を得る方法を書きます。

アメリカに引越しします

1年くらい修行してアメリカのクレジットカードを作れるようになります。

Amazonのクレジットカードを作ります

AWSの支払い先をつくったクレジットカードに変更します

AWSの支払いに 3% のAmazonポイントがつきます

最初、AWSは対象外かなあって思ったんですが、他の…

手順1ぇ…