「悪い方が良い」原則と僕の体験談｜Rui Ueyama
ソフトウェアの世界には「悪い方が良い」原則という有名なエッセイがある。キレイにレイヤ分けされた一貫性のある良いデザインよりも、一見手抜きっぽい悪いデザインのほうが実は良いときもあるという話だ。この逆説的なデザイン原則を僕は身をもって体験したことがある。それについてちょっと書いてみようと思う。 僕はlldというリンカの現行バージョンのオリジナル作者だ。リンカというのはコンパイラと組み合わせて使うもので、実行ファイルやDLLを作るのに使用される。lldはプロダクトとしてはかなり成功していて、標準のシステムリンカとして採用しているOSがいくつかあったり、GoogleやFacebookなど皆が知っているような大規模サイトの中で広く使われていたりする。 現在のlldは2世代目で、第1世代のlldは僕がプロジェクトに参加する前から存在していたのだけど、数年前にそれを捨てて一から書き直すということになっ
UI/UX デザイナーを雇わない方がいい理由 ｜ブログ｜root｜デザインの実践を個から組織・事業へ
UsabilityHour.com の創設者である、クレイグ・モリソ氏によるゲストポストをお届けします。 UXデザイナーとUIデザイナーは完全に違う役割を果たすから、一人の人間に両方の仕事を任すべきじゃない。 ふー、ついに言ってしまいました！ みなさん言いたいことはあるかと思いますが、その怒りをぶつける前に、まず説明させてください。 この2年間、私は二つのスタートアップでリード UX/UIデザイナーとして働いてきました。 また、どちらのポジションにいるときも多くのインタビューを受けしました。 次第に、どういう現象が起きているのかがようやくはっきりと見えてきました。 世間、特にスタートアップの創設者は、ユーザーエクスペリエンス・デザインが、本質的に何なのかを理解していないのです。もちろん、重要だということは把握していますが。使いやすいインターフェイスを持つというのは、デジタルプロダクトを売り
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？
新作スライド ボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました！ ぜひコチラもお読みください！ 読んでくれてありがとう！面白かったらぜひぜひシェアしてくれると嬉しいよ！(`･ω･´)b ダウンロードもプリントも配布もご自由にどうぞ！たくさんの人にみてもらえれば最高です！ デザインが苦手な人ほどオススメ！ Aさんはデザインはこうだという。 Bさんはデザインはああだという。 ああああああもう！！結局どっちが正しいんだよ！？ そんな疑問がたった13ページで解決します！ "デザイン"なのに真逆のことをいう人達がいるのは、 実はこういうことだった！ もう、デザインが苦手なんてことない！
ITエンジニアに易しいUI/UXデザイン
「UXデザインと組織論」に、正面から向きあってみた：2016年2月27日 『人間中心デザイン』HCD導入設計論
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
続エンジニアだけでアプリアイコンを作る - Shoichi Matsuda's diary
昨日「エンジニアだけでアプリアイコンを作る」を書いたのですが、500はてブ以上と思わぬ反響をいただいて驚いています。 ほぼツールの紹介だったので大方予想はできていたのですが「で、結局絵はどう書くの？」といったコメントを多くいただきました。 このあたりについてもどのようにやってきたかをざっくりですが紹介しておきたいと思います。 アイコンを書けるようになるまで 模写する 勉強する 自分なりに作る（ゴール） ざっくり言うとこの３つの手順です。 あくまで「なんとか書けるようになるまで」なのでデザイナーさんから見ればまだまだなレベルにしか到達しないでしょうが、やれないよりはマシなはずです。 模写する まずは今あるアイコンと同じものをとにかく作っていきます。 ここでの主な目的はツールの使い方を把握することです。（前記事ではInkscapeを紹介しました） 10個ほど作ればおそらくツールの使い方はほとん
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
3/26/2014 @LightningSpot Shibuya - Powered by PROsheet - Designed by IMPATH
ブレないアプリデザインのすすめかた
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
①アプリ企画 海外マーケットでヒットを目指せ ②翻訳 クラウドソーシング翻訳をつかってみよう ③クロスプロモーション 自社アプリのトラフィックを使いこなせ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
開発者がアプリのアイデアをヒラメクための22箇条まとめ
「アプリやサービスを開発する技術はあるが、アイデアが出ない」という開発者たちのために、＠ITで掲載したアイデアの発想につながる記事から抽出して22箇条としてまとめた。 ヒラメキを、すぐ形にできる開発者だからこそ これまで、＠ITでは多くのアプリコンテストを行ってきた。そこで、いつも課題となるのは、「アプリやサービスを開発する技術はあるが、アイデアが出ない」という開発者たちの悩みだ。しかし、本当にそうなのだろうか。 開発者の方がより良いアイデアを思い付くことがあるのでは、ないだろうか。なぜなら、何気ないヒラメキを、すぐに形にできることは重要なことだからだ。 例えば、ライフレシピ共有サイト｢nanapi｣のロケットスタート 代表取締役 古川健介氏へのインタビュー記事「伝えることを考え抜く『nanapi』のUIデザイン」（2011年6月29日、聞き手ホシナ カズキ氏）を引用しよう。 デザインに限
楽しいBADUIの世界
確か，ミュンヘンの空港から電車で移動しようとした際に出会ったチケット券売機． 海外で電車のチケットの買い方がわからないことはよくある話なのですが，これも買うのに結構苦戦してしまったチケット券売機です． とりあえず，ドイツ語はまったく分からないのでなんとか表示言語を変えたいと言うのが多くの人の思うことかと思います．ここで，画面上部のドイツの国旗の隣にイギリスの国旗があるため，英語へと切り替える仕組みがあることはわかります． まず，私も含めた多くの人がこの画面のイギリス国旗を何度か触って言語を変えようとします．タッチパネルだと勘違いしているわけですね．残念ながらこのチケット券売機はタッチパネル式ではないため，ここで言語変更は無理です． しばらく画面も含めてチケット券売機を観察すると，画面から随分下のところ（30～40cmは下だったかな？）に言語変更できそうなボタンがあることを発見．それが下の写
Mike Matas Blog
Kevin ScottBill BarnesJake CohenAdam MengesMarkus BeissingerZach StiggelboutRamon GilabertMike Matas
配色パターンからWebデザインを考える
配色パターンからWebデザインを考えるページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽快なイメージに、明度が低い＝暗い色は重厚で落ち着いたイメ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ニコニコ動画（Re:仮）
スターバックスの紙コップ利用を減らすためのアイデアコンペに優勝したのはコップのデザインではなく、”行動”をデザインするものだった！！ | greenz.jp グリーンズ
Site Under Maintenance
ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ | DesignWalker