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.
タンブラーアプリの広告についているドルサインはスクロール時だけクルクル回ることで普段の使用時に十分な注意を引きつつ止まるとポストの内容の邪魔にならないようデザインされている。
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.
「楽器には、デザインするうえでこれといった方法論=レシピがないんです。楽器は音を出す道具ですが、音を出すだけが目的ではありません。人それぞれに異なる音楽体験や感情をもたらします。楽器を演奏する場合、useとは言わず、playと言いますよね。誰が扱っても同じ結果をもたらすことが求められる機械と違って、楽器は扱う人によって結果が異なります。楽器を演奏する場所や姿勢も人それぞれ違う。だからデザインにもっとヴァリエーションがあっていいと思うんです」とヤマハデザイン研究所所長の川田 学氏は言う。
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
msg:
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 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:
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.
—
日本語はあとで。
Take photos only when no face has been detected.
public-post-safe. 顔認識がされていない時「だけ」写真を撮れる機能。 肖像権侵害フリー。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.You don’t design something like Facebook Home using Photoshop.
— Go Big by Going Home — The Year of the Looking Glass — Medium
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.
一定レベルの社会的現象が成立するための条件—その土地の気候・風土、市民の一般的な服装、盗難に対する安心感、裸足で歩くことへの抵抗、など。
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 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.
— 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 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
Apple サイトの変遷が話題になっていたので、私もちょっと懐かしいのを引っぱり出してきました。
1997〜2000年頃のアップルジャパンのサイトです。
私は当時このサイトの制作に関わっていたので、今でも膨大なリソースファイルが手元に残っているんですけど、その中からいくつか紹介。
1997年7月
保存してあった HTML を今のブラウザで表示してるので文字にアンチエイリアスかかってますけど、当時はギザギザの字で表示されてた。
横幅は 600px ですね。
1997年8月
1997年9月
1997年12月
この頃は、一応ワールドワイドでテンプレートは共通だったものの、プロモーション画像なんかは統一されていなかった。上四枚のメインのグラフィックはどれも私が作ったもの。9600 の下の波紋とか嬉々として作ってた。今見ると泥臭いですね。
It’s what-you-see-is-how-you-interact. Yet another great example of modeless design.
新しくなったタンブラーの投稿画面はモードレスUIの新たな例。
