誰もがマツダスタジアムに魅了される理由。設計に隠された驚きの7原則
2017/9/7 12:20 野口学 2009年にオープンした広島東洋カープの新本拠地、MAZDA Zoom-Zoom スタジアム広島（マツダスタジアム）。訪れた者なら誰もが魅了されるこの異空間は、日本のこれまでのスタジアムの概念を覆すようなアプローチによってつくられた。「スタジアム・アリーナを核としたまちづくり」が経済産業省を中心に進められるなど、今やスポーツの域を超えて大きな注目を浴びているスタジアム・アリーナ建設。今回、マツダスタジアムの設計に関わった株式会社スポーツファシリティ研究所代表取締役の上林功氏が、同スタジアムに隠された知られざる特徴と、未来のスタジアム・アリーナ建設のヒントを明かした――。（取材・文＝野口学） 後編はこちらマツダスタジアムは人の意欲を喚起させるスタジアム マツダスタジアムはオープン以来、これまで非常に数多くのファンが足を運んでいる。初年度となる2009年
可視化した素因数分解で時を刻むiOS向け時計アプリ『clock-F』
『clock-F 』は、時刻を素因数分解したドットで表現したiOS向けの時計アプリです。 「素因数分解」は、プラスの整数を素数の掛け算で表したもので、例えば「12」であれば「2 x 2 x 3」となります。 この素因数分解を「可視化」したアニメーションが、昨年インターネット上で話題となったそうです。 その表現方法は、数字を中心点から対称に並べたドットで表示するというもので、「2」「3」「5」は下のようになります。 「30」は「2 x 3 x 5」と素因数分解できるので、2が3つ集まったものが5つ集まったもの、という下のような図になります。 このアプリは、この表現方法を使って時刻を表示するというある意味斬新な時計。 実際に動いてるところを録画したのがこちら。 例えば「11時54分36秒」は、下のようになります。 「36」と「54」は共に6の倍数ですが、こうみると随分と異なる印象を受けます。
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
1年に1本完成するという「マフラーを編む時計」が話題を呼ぶ : らばQ
1年に1本完成するという「マフラーを編む時計」が話題を呼ぶ 時計は単に時間を知らせるだけでなく、インテリアとしてもオシャレなものがたくさんあります。 別の機能がついたものもありますが、なんと1年に1本のマフラーを編んでくれる時計があるとのこと。 いったいどんな時計なのかご覧ください。 おお、本当に編まれていってる！ これはアーティストのSiren Elise Wilhelmsenさんが、ベルリンの芸術大学を卒業するときにデザインした編み物時計だそうです。 こうして毛糸をセットしておくだけで、時間を教えてくれるだけでなくマフラーが1本が出来上がる仕組みです。 ただし24時間時計になっていて普通の時計の読み方とは違います。1周は丸1日を表わしているとのこと。 このオシャレでおもしろい組み合わせに、海外掲示板でも話題になっていました。 ●しかしどうやって時間を読むんだ。どう見ても編み物なだけなん
某オライリー社の技術書風の年賀状素材を作ってみました - 聴く耳を持たない(片方しか)
具体的にどういうものか？結論から先に言うと、こういう感じのやつです。 Carpet python by rikuo is licensed under a Creative Commons Attribution 3.0 Unported License. Based on a work at http://www.flickr.com/photos/brisbanecitycouncil/5278832161/. 来年、2013年の干支は巳年ということでヘビを描いてみました。後段でも説明しますが、クリエイティブコモンズライセンスの「表示」でこのヘビのイラストは公開しているので、自由に使えます。 着想の経緯や元の写真の説明など 先行する元ネタ オライリー（O'Reilly Media）社の技術書と言えば、エンジニアにとっていつもお世話になっている存在ですね。また表紙に動物の木版画を使ってい
日本の超SFなサイバー攻撃警告システムに世界のネットユーザー大興奮！ 海外の声「攻殻機動隊キター！」
» 日本の超SFなサイバー攻撃警告システムに世界のネットユーザー大興奮！ 海外の声「攻殻機動隊キター！」 特集 日本の研究者たちが開発したサイバー攻撃アラートシステムに、現在世界のネットユーザーが大興奮している。 このシステムの名前は「DAEDALUS（ダイダロス）」といい、これを使えばネットワークが攻撃されている様子をリアルタイムで見られるようになる。詳細は以下の通り。 中心にある球がインターネットを表しており、その周りを回っているサークルの1つ1つが現在観測中のネットワークを表しています。これら、攻撃の様子は、3Dグラフィックで表示され、任意の視点から眺めることが可能です。（DigInfo TVより引用） ここで着目すべき点は、3Dグラフィック！ 「サイバー攻撃をリアルタイムに可視化、警告を発する『DAEDALUS』」という動画にも映し出されているように、このシステムの凄いところはその
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
eBay でヒドいデザインの方がコンバージョン率が高かった、という話
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
何故、エンジニアはUIのセンスがないか。
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
スマホアプリ開発現場におけるUI採用の試行錯誤 - ロケタッチの場合 - : LINE Corporation ディレクターブログ
こんにちは、ユティです。ロケタッチを担当しています。 スマートフォンで展開するサービスの開発では、1つ大事なことがあります。それは、4インチ前後の画面にすべてを詰め込まなくてはいけないということです。これ以上、画面のサイズが大きくなると片手で持てなくなるので、この4インチ前後というサイズのトレンドはしばらく続くでしょう。アプリが複雑になればなるほど、この狭い画面に展開する UI で悩むことになり、その度に私たちはいろいろな方法でその壁を乗り越えていくことになります。 ロケタッチも、リリース以降機能がどんどんと増え、その度にアプリ内の UI、特にメニューのところをどうしようかという話になりました。今回は、そのメニュー周りのUIを中心に、近頃のロケタッチのUI事情についてご紹介したいと思います。 代表的なメニューUIと、トレンドのスライドメニュー まず、過去のロケタッチを例に、多くのスマートフ
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る2012.03.15 22:006,550 福田ミホ アップルをアップルたらしめている何かが、感じられます。 MacBookやiPhone、iPadといったアップル製品に共通する大きな特徴のひとつは、それぞれに独自性が高く美しいデザインです。そんなアップルのデザインを取り仕切る人物は、インダストリアルデザイン担当上級副社長のジョナサン・アイヴです。彼はデザイン業界への貢献を評価され、出身国であるイギリスから｢ナイト｣の称号も与えられています。 そんなアイヴが、ロンドン・イブニング・スタンダード誌でのインタビュー記事の中で、アップルのデザインの秘訣に触れつつ、他社の問題点も指摘しています。また、我々ユーザーについてアップルがどう見ているのかも、話しています。 以下、インタビュー記事からの抜粋です。 Q：アップルのデザインは、どこが｢違
フェンスを外す人 - β2
イギリスのチェスタートンという批評家の名言に好きな言葉がある。 「なぜフェンスが建てられたのかわかるまで、決してフェンスをとりはずしてはならない 」 高級なクラブなどに行くと気づくのは、そこにある灰皿が極端に小さいことだ。小さく造形された灰皿はそれだけで独特な美しさを持っているが、ここには原作者の粋なアイデアが詰まっている。小さな灰皿は、一本でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 もちろん、これを違うやり方で実現することもできる。たとえばマネージャーが、スタッフに「客を細かく見ろ。灰皿は、客が一本たばこを吸ったら必ず変えろ」と言えばいい。そういうマニュアルを作ってもいいし、バックルームに貼り紙をしてもいい。なんらかの指示や号令
ハリウッド映画のポスターにありがちな13パターン Pouch［ポーチ］
映画の本場といえば、なんと言って米・ハリウッド。毎年数え切れたほどの作品が制作され、のちの作品に影響を与える名作も多数誕生しています。そのハリウッド映画のポスターには、実は決まったパターンがあるようです。過去のポスターのパターンを分類した画像が、海外のインターネットユーザーの間で話題を呼んでいます。以下がその13パターンです。 ・ ハリウッド映画のポスターでありがちな13パターン 1． 浜辺に立つ人々と、空に浮かぶ巨大な顔 感動的なドラマ映画に多く見られるパターン。浜辺に立つ人たちと、空に浮かぶ人物は、作中で別離（死別）する可能性が高いです。 2． セクシーな背中（多くは武器を持っている） アクション映画に多く見られるパターン。 3． 背中合わせ ラブコメディやアクション映画み見られるパターン。多くは男女が背中合わせで立ち、2人は本編で恋愛関係に陥るケースがあります。 4． ベッド ラブコ
まずはアイコンから - 書評 - デザインセンスを身につける : 404 Blog Not Found
2011年10月04日19:00 カテゴリ書評/画評/品評Art まずはアイコンから - 書評 - デザインセンスを身につける デザインセンスを身につける ウジトモコ 著者および出版社より献本御礼。複数来たので。 正直、「構図」をもっと工夫して欲しかった。フォーカスが甘い。 壮大にして抽象的な「グランドデザイン」に関する語りは最小限にとどめ、いや可能であればばっさり切って、第一章第一項の「デザインのセンスは「アイコン」に宿る」だけで一冊にするべきだった。 しかし、この部分が素晴らしい。この部分こそ"designphobia"解消の第一歩となるべきものだ。 名著「デザインイノベーション」がグランドデザインの一冊なら、本書「デザインセンスを身につける」は「マイクロデザイン」とでも言おうか、「ナノデザイン」とでも言おうか、「きっと何者にもなれないオレタチでもできるデザイン」の一冊。 目次 第一章
デザインから逃げない
サンフランシスコに来てから12日が経ちました。企業を訪問したり、実装をしたり、サーバを整備しているうちにあっという間に時間が過ぎていきます。サンフランシスコの環境にもだいぶ慣れました。気候はよく、野菜は安くておいしく、道行く人に話しかけても怪しまれません。どこに行ってもフランクで、この開放感はどこからくるのだろうと思ってしまいます。 実際にこちらに来て何をしているのかというと、主に開発、そしてミーティングです。今trippieceは再度コンセプトについて煮詰める時期を迎えました。α版のローンチから約1ヶ月経って、ユーザのみなさんから反応をいただくと共に、公開されたアプリケーションを眺めながら感じることが多々ありました。改めてtrippieceというサービスの目指すべき方向やコンセプトをとことん話しあって、よりよいサービスを作っていく、そういう再出発のフェーズにあります。 ここ数日、trip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「地図が読めない人」の脳はどうなっているのか
新着記事
http://wdstandards.com/2012/inspirational-html5-websites/