デザインの裏側を理解できるエンジニアになろう - Qiita
「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 （※画像はイメージです） 「なーんか、素人感があ
ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集
「余白が多すぎる」「もうちょっと面白くして」「ポップにして」「インターネットから取ってきた画像を使えないかな？」「ほら、前よりずっとよくなった。君もそう思わない？」など、アイルランドのウェブデザイナーやアニメーター・イラストレーター・ディレクターらがクライアントに最も言われたくない言葉をポスターで表現したのが「Sharp Suits」という企画ですが、Sharp Suitsに出展された作品うちウェブデザイナーに対して絶対に言ってはいけない27個の言葉をBuzzFeedがまとめています。 Home - Sharp Suits http://sharpsuits.net/Home 27 Things You Should Never Say To A Designer http://www.buzzfeed.com/regajha/things-you-should-never-say-to-
「住宅都市整理公団」別棟 : 東京の中心は空虚ではない
2013年08月19日15:49 カテゴリ地図・GPS 東京の中心は空虚ではないTweet 「路線図アーティスト」、エセックス大学のMax Roberts博士による東京の地下鉄路線図デザインが話題になっていた。これ↓ 出典のぼくが読んだ元記事はこちら 博士は認知心理学の観点から路線図のデザインを手がけておられるとのこと。でもこれ、見やすいんだろうか。いや、見やすいと思う方もいらっしゃるだろうし、地図って既存の形式への慣れが大きくものを言うし、この手の話題って議論を呼びやすいのであまりうかつなことは言えないんですけれども。とにかく、ぼくは見づらいなあと思った。で、なんで見やすくないのかを考えたら、おもしろいことがわかったのでそれについて書こう。 博士による他の都市の地下鉄路線図を見てみよう。地下鉄路線図デザインの老舗・ロンドン↓ パリ↓ ニューヨーク↓ いずれも同心円と放射状の組み合わせで駅
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
【 | と◯】知ってる？ アプリや電機のスイッチと電源ボタンの記号の意味 | アプリオ
あるiPhoneアプリの解説記事を書くために、アプリ内の設定項目を確認していたところ、以前から気になりつつも放置していた疑問に筆者は直面した。 その疑問とは 「アプリやOSの設定画面などに使われるスイッチは、どちらがオン（ON）でどちらがオフ（OFF）か分かりにくいことがある。なぜ、分かりにくいのか？」 ということだ。 アプリのスイッチの意味が分かりにくい？ 基本的にiPhoneやAndroidの日本向けアプリではオン・オフの表現が用いられていることが多いようだが、中には上の画像のように | と ◯ の表現が用いられるアプリも存在する。また、Android端末でも機種によっては同様の表現が設定画面などで使われている。 はたして | と ◯ の表現でオンとオフの区別を自然に行うことができるのだろうか。以前から、筆者の心の中に、この小さな疑問がくすぶり続けていたのだ。 前提として確認しておくが
黒を使うな - モジログ
Ian Storm Taylor - Design Tip: Never Use Black (August 2012) http://ianstormtaylor.com/design-tip-never-use-black/ デザインでは黒を使うな、という話。筆者のIan Storm Taylorは、Segment.ioというサービスの共同創業者で、デザイナーでもあるようだ。 筆者は子供のとき、美術の教師から、黒には注意せよとアドバイスされた。その後、RISD（Rhode Island School of Design）でも似たようなことをたびたび言われたとのこと。 人間は、「暗いもの」を「黒」と結びつけてしまいやすい。しかし、ほんとうの「黒」というものは、実はめったにない。筆者はまず、Wayne Thiebaud（アメリカのポップアートの画家）の絵を例に、影が黒ではないことを示す。
Togetter - 国内最大級のTwitterまとめメディア
イギリスで放映されている世界最長SFドラマを視聴「Doctor Whoって大河ドラマだ...」（編集部）
クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。
クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。 デザイナー必見。 2011-12-01T19:00:14+0900 @yukkuri0616をフォロー ゆっくりしていってね!!-ゆっくりライフハック、しませんか？- クリエイティブ クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。 Tweet 「クリエイティブ」カテゴリの最新記事 クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。 氷で作られたホテルが美しすぎる。氷には光がよく似合う。 ポップなiPhone、iPad兼用スタンド『MoviePeg』が、ちょっとしたプレゼントに最適すぎる。 クリエイティブを通り越した花瓶 クリエイティブな万年筆、集めました。 タバコだけで魅せる『虎の毛皮』 FlexTabletのコンセプトをみてたら、ワクワクしてきたw MacBookが2020年に向けて目
Twitter、Facebook、Googleの初期デザインにびつくり。
Twitter、Facebook、Googleの初期デザインにびつくり。2011.09.19 12:007,108 びつくりっ！ウェブサイトというものは機能が増えたり仕様が変更したりで、そのデザインがどんどん変わって行くものです。今や有名なあのサイトも初期はさっぱりとざっくりと作られていたのです。 そう、トップ画にあるTwitterだって。 TwitterじゃなくてTwttrだし。なんかtimelineとかwhat up? とかグラフィティぽい中二病風なフォントだしね。 そう、Facebookだって。 映画ソーシャルネットワークでもでてきましたけど。Theがはいってるし、顔があるし。 そう、Googleだって。 Yahoo! みたい！ [Kottke] そうこ（Casey Chan 米版）
体験について考えるとは
UXでは見えてこない側面 ひとつの考え方として UX (User Experience) は今日のデザインでは無視をすることが出来ません。デザイナーだけでなく、今やビジネスシーンでも耳にする「体験」という言葉。しかし、この体験という言葉は非常に曖昧な表現です。体験というのは主観的かつ内面的に感じ取るものであることから、良い体験の定義の仕方も異なる場合があります。ところで「体験」ってなんですか？という記事で紹介したように、体験には「Experience Self」という今この瞬間を経験する自己と「Remembering Self」という記憶を辿る自己があり、どちらの体験を話しているかで話がズレてしまうことがあります。 体験について考える上で、「U（ユーザー）」が必要なのだろうかと疑問に思うことがあります。もちろん、ユーザーを無視してデザインしようと言いたいわけではありませんが、このユーザーと
デザインの善し悪しも証明できる - nazokingのブログ
僕はデータで証明できるGoogleがうらやましいと思うけど。 そう、Googleでは2種類の青色のいずれかで決めかねたら41の中間色をテストして最もパフォーマンスのよいものを選ぶというのは事実なのだ。先日、境界線の幅を3ピクセル、4ピクセル、5ピクセルのいずれにするかが問題になったとき、自分の意見を証明するよう求められた。このような環境で仕事をすることはできない。そうした些細なデザインの決定を論じるのにはもううんざりだ。 グーグルのビジュアルデザイン責任者が退職--データ中心主義に嫌気:ニュース - CNET Japan やめた人のブログの翻訳 グーグルのトップデザイナー辞任の弁：Google's Top Designer Leaving 入社したときの記事「【コラム】シリコンバレー101 (178) CSSの第一人者がGoogleのビジュアルデザイン・リーダーに | ネット | マイコミ
デザインブログ1101
色んな方から「次の話は？」と云われながらも、 ずいぶん更新を怠っていました。 再開します！ 明日から.... いかがですか？ 名刺50案作れましたか？ 今回からしばらくの間、仮想の講評という形式を用いてデザインをする際に大切な事柄を説明していきます。説明はだいたい以下の項目になりますが、話が前後したり制作環境やアプリケーション設定など、他の話が入ったりもすると思います。 1）前準備 2-1）文字の扱い1 情報の優先順位・序列 2-2）文字の扱い2 情報の区分け・文字組み 3-1）レイアウト1 空間表現 3-2）レイアウト2 デザイン技法 4）色彩配色 5）制作上の諸注意 これらに以下の内容をコラム的に挟んでいきます。 ・制作環境、アプリケーションの設定 ・効率の良いアプリケーションの使い方 ・変更に対応できるデータの作り方 ・バリエーション検討 ・完成度を上げるということにつ
表（テーブル）は罫線が少ないほど美しい - 三上のブログ
年末から年始にかけてある論文を書いているときに、自分で縦と横の罫線を引いて作った表にものすごく違和感を抱いた。色々と試行錯誤したが、違和感は解消しないまま、締め切りが来て、やむなくそのまま提出した。実は印刷会社の方でうまく修正してくれるだろうと甘い期待をしていた。しかし、戻ってきた校正刷りの表は私がワープロで作った表そのままだった。二回の校正をしているときにも、ずっと悩み続け、そもそも事象の分類に根本的な問題があるのではないかとまで考えたが、結局解消しなかった。 その後、書体や組版のことを調べ始め、色々と細々したことを気にして見るようになったせいか、ある時ふと日本語の本や雑誌に見られる表は基本的に私が作った表と同じであることに気づいた。つまり、縦と横の罫線がいわば律儀に全部引かれているのである。実際に三冊の本から典型的な表を挙げてみよう。これはあくまで組版上の問題であり、本の内容の評価とは
電車座席の知られざる技術史 (借日記[CHAKUNIKI])
今日電車に乗ったら、座席が第4世代に進化していて感動した。 電車座席の進化は深い。 元々、一つの座席に7人が乗れるのだが、6人しか坐れない時がある。 これを改善するために、人知れぬ工夫がある。 どっかの教授が、6人しか乗れない場合は 「中心に坐る人の位置が微妙に真ん中からずれている」からだと発見した。 そのため、最初はテープで中心に坐ることを誘導する施策がとられた。 次に、テープよりさらに中心への誘導力を強化した中央席独立型が登場した。 これは座席を3つのパーツに分け、中央の座席を独立して造る。 そして今日みたのは、2つのパーツで、中央に坐ることを誘導する 第4世代電車座席だ。これなら、3つのパーツより少ない工数で作れ、 かつ適度に中央に誘導できる。 乗客が気付かぬところで、人知れぬ技術が進化し、 かつ、その技術が人の無意識に訴えるものであること、ということに感動した。 ※かなりウル覚えと
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kotaku - The Gamer's Guide
『【画像あり】『諦めよう日本！』っていうマーク作ってくれｗｗｗｗｗｗｗｗｗｗｗ : キニ速』へのコメント
http://robotommy.com/post/12508490291
iCloudのアイコンについて - Hello, world! - s21g
汝の隣人のブログを愛せよ | LOVELOG