Googleデザインスプリントにおける５つのプロセス | UX MILK
リソースが不足し、予算が取れない中で、企業は成功のほどが不明な大規模のデザインプロジェクトへの投資に乗り気にはなりません。 そんな中Googleは、デザインプロセスを速くし、価値あるインサイトを提供する方法論を作り出しました。 必要最低限の機能を持った製品（MVP）のことは一旦忘れて、１週間以内にプロトタイプを作り出し、テストすることにフォーカスしてみましょう。 Googleデザインスプリントプロセスの概要 Googleデザインスプリントは、５段階のプロセスで構成されます。各段階のプロセスは実行するのにおよそ１日（８時間）かかり、５段階すべて実行するにはおよそ40時間かかります。 素晴らしいデザインプロセスでは、繰り返すこと（イテレーション）が重要です。実際には、最初のスプリントで修正案をつくり、そのあとに少なくとも２回のイテレーションを回すことが強く推奨されています。 また、自分のアイデ
Web制作の作業効率を格段にアップさせる便利なチートシートまとめ
HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。 チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。 HTML HTML5 Cheat Sheet ダウンロードページ HTML5 のタグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。 The HTML 5 Mega Cheat Sheet ダウンロードページ こちらも HTML5 のタグをまとめたチートシートです。ブラウザ対応、廃止されたタ
Webデザインのアイデアに困ったら覗きたいサイト10選
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
【UXの迷信】シンプルなUI＝ミニマルなUI？
ZoltánはCentralway（チューリッヒのソフトウェア企業）のUXデザイナー長。元UstreamのUXディレクター。美しく、且つ使えるプロダクトを作ることに情熱を燃やしています。 最先端で優れたプロダクトデザインの実現の鍵となるのがシンプルさです。しかし、シンプルさはよくミニマルさと混同されます。実際には、一見シンプルでミニマルな（最小限の）プロダクトUIが複雑性を隠し持っていることも多いのです。 単純化を目的としたデザイン決定は、より多くの摩擦や認知的負荷を引き起こしやすく、より複雑なユーザーエクスペリエンスをもたらすことがあります。テキストラベルのないアイコンはわかりにくく、一般的でない、独自のジェスチャはアフォーダンスに欠け、ミニマルさの代表格のハンバーガーアイコン（三本線アイコン）メニューはあまりうまくいかないことも多いと証明されています。 私達は皆、シンプルさを求めて邁進
サイズ感とバランスが大事！ レスポンシブにおける分量とフォントサイズ
Laura Franz氏はマサチューセッツ大学ダートマス校の教授であり、大学院のウェブ・インタラクションデザイン学科のコースで、ウェブタイポグラフィーなどの様々なクラスで教鞭をとっています。 レスポンシブなウェブデザインを洗練する中で、私たちは分量（＝行の長さ）と、人の読み方の関係性を重視してきました。 「理想的な分量」を考えるのが当たり前になったことにより、「大きい画面にはフォントサイズを大きく、そして小さい画面にはフォントサイズを小さくする」といったことが推奨されるようになりました。確かに、適切な分量はユーザーの閲覧体験を向上させますが、それは優れたタイポグラフィーに対する規則の１つでしかありません。もう１つの規則は、適切なフォントサイズを維持することです。 人はどのように読むのか 人は、求めている情報を探したり、新しいアイデアを見つけたり、あるいは自分の考え方を確認したりと、様々なニ
モバイルのためのUXデザイン②：インタラクション編 | UX MILK
Elaineは、13年以上Webデザインに携わっているベテランのWebデザイナーです。ユーザーエクスペリエンスやWebデザインに対する思い入れが強く、執筆活動も盛んに行っています。ロンドンを拠点としたUXデザイン事務所Foolproofで、ビジュアルデザイン部の部長を務めています。 インタラクションデザイナー・Elaine McVicar氏によるモバイルのためのUXデザインシリーズ。第2回目の今回は、情報アーキテクチャに基づいた、モバイルサイトにおけるインタラクションデザインを考察します。様々な実例をもとに、モバイル向けのデザインとPC向けのデザインがどのように異なるのかを解説していきます。 私が初めて手にした携帯電話はNokiaの5110という機種で、1998年に購入しました。基本的な機能は通話とテキストメッセージのみで、ゲームはヘビゲームだけしかプレイすることができませんでした。携帯電
デザインに迷ったらこれ！デザイナー向けの便利なWebサイト・サービス10選
配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。 そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。 Coolors Coolorsは、バランスの良い配色パターンをランダムに表示してくれるWebサービスです。スペースキーを押すと、センスのある配色パターンを次々と生成してくれます。 気に入った色は固定することができ、さらにそれに合った色を探してくれるのでとても便利です。また、気になった色にカーソルを合わせれば、HSB、CMYK、RGB、PMSの値やコピックの色番号を知ることもできます。 COLOR SAFE
スタートアップでゲリラUXをするときに役立つ3つのヒント
Ning T.は、コンテンツエディター、人類学者、デザイナー、技術とUXオタクです。ブルースとWes Andersonの映画が好きです。 スタートアップを立ち上げることやスタートアップで働くことは、今日では大きなトレンドと言えます。シリコンバレーからシリコンアレーまで、数々のスタートアップアクセラレータープログラムがグローバル規模で拡散し、誰からも指図されないことが現代社会の規範的なゴールであるかのように見えます。確かにその熱意は非常に魅力的ですが、成功への道のりは険しく、残念ながら多くのスタートアップは成功しません。 「スタートアップ」とは１.何を製品にしているか？ ２.カスタマーは誰なのか？３.どのように稼ぐか？ で混乱している会社です。」―Dave McClure ほとんどのスタートアップは投資家だけでなく友人や家族にも十分に説明できないまでも自分達が作ろうとしている製品に関して最低
モバイルサイト vs PCサイト、ユーザビリティの評価と比較
Jeff Sauro氏は、Fortune 1000企業に対して統計やユーザビリティのコンサルティング業務を行っているMeasuringUの創立者です。彼は統計学やユーザーエクスペリエンスに関する20以上の記事や書籍を5冊ほど執筆しています。 スマホサイトが使いづらいと感じることはありませんか？ 誰でも一度はそう思ったことはあるんじゃないかと思います。 スマホにおけるUXの悪い例は簡単に見つかりますが、機能的にもPC用よりひどいものなのでしょうか。 インターネット利用者の８割がスマートフォンを所有している今、これは重要な問題です。 スマホ用のサイトは、PC用サイトの簡易版のように見えることが多く、スマホの方がUXが乏しいと憶測しがちですが、こうした機能制限されたサイトは、モバイル向けソリューションのための一時しのぎであったり、そうでなければ意図的な必要最低限の「モバイルファースト」の結果であ
４～６歳の子どもたち向けのデザイン③
自由度を保つ ４〜６歳の子どもたちは、シンプルかつ基本的なルールを伴い、かつしばしばそのルールから逸脱することもできるくらいの、開放的かつ自由なゲームを好みます。７歳頃の子どもたちになると、この状況は急激に変化します。この年齢になると、子どもたちは指定された枠組みの中に留まることを重視しており、心地よく感じるためにはある一定レベルの規整された構造を必要とします。しかし、低年齢層の子どもたちはルールやテストの制限時間を破るのが好きであり、デジタルの環境はこのようなことを行うのに最適な場所となっているのです。 Zoopz.comはモザイク画作成ツールを提供しており、子どもたちが既存のモザイクデザインをさらに拡張したり、また一から自分のオリジナルのデザインを作成することを可能にしています。 Zoopzの素晴らしいところは、モザイクデザインを作成するための説明がほとんど必要ないため、子どもたちが直
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIデザインの参考になるスライド10選