Googleデザインスプリントにおける５つのプロセス | UX MILK
リソースが不足し、予算が取れない中で、企業は成功のほどが不明な大規模のデザインプロジェクトへの投資に乗り気にはなりません。 そんな中Googleは、デザインプロセスを速くし、価値あるインサイトを提供する方法論を作り出しました。 必要最低限の機能を持った製品（MVP）のことは一旦忘れて、１週間以内にプロトタイプを作り出し、テストすることにフォーカスしてみましょう。 Googleデザインスプリントプロセスの概要 Googleデザインスプリントは、５段階のプロセスで構成されます。各段階のプロセスは実行するのにおよそ１日（８時間）かかり、５段階すべて実行するにはおよそ40時間かかります。 素晴らしいデザインプロセスでは、繰り返すこと（イテレーション）が重要です。実際には、最初のスプリントで修正案をつくり、そのあとに少なくとも２回のイテレーションを回すことが強く推奨されています。 また、自分のアイデ
クリエイター界激震 簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声
簡単にキーフレームアニメーションを作れるフリーウェア、「AnimeEffects」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読み込ませるとレイヤーなども読み込んでくれるため、より多彩な動きを実現できます。 動画では、走るポーズをとったサーバルちゃん（テレビアニメ「けものフレンズ」の主人公の1人）のpsdファイルから走るアニメーションを作製しています。手足を別パーツとして動かすことで、自然な走る動きが作成できるもよう。 psdファイルを読み込んで いろいろと作業をすると 走るアニメーションが完成 どのパーツを上に表示するかを決
タリーズ無料Wi-Fiの使い方まとめ。つながらない時の対処方法も
Tully’s Wi-Fiはコーヒーチェーンのタリーズで利用できる無料のWi-Fiサービス。 タリーズの無料Wi-Fiは登録作業が必要なく利用時間に制限もなし。コーヒーチェーンを含む飲食店で禁煙が進むなかタリーズは喫煙ルーム(分煙)が充実していることから仕事やゲーム目的でWi-Fiを利用する人も多いようです。 この記事ではタリーズの無料Wi-Fi「Tully’s Wi-Fi」の使い方や接続方法、つながらない時の対処方法を紹介します。 目次タリーズの無料Wi-Fiとは？タリーズの無料Wi-Fiは危険？タリーズ無料Wi-Fiの通信速度は？タリーズ無料Wi-Fiの使い方iPhoneでタリーズ無料Wi-Fiを利用するAndroidでタリーズ無料Wi-Fiを利用するPCでタリーズ無料Wi-Fiを利用するニンテンドースイッチでタリーズ無料Wi-Fiを利用するつながらない時の対処方法 タリーズの無料Wi
レスポンシブWebデザインのブレイクポイント、何ピクセルにすればいいの？
レスポンシブWebデザインとは、画面の横幅に応じてWebサイトの表示を変化させ、最適化するデザイン手法です。 レイアウトが「シングルカラム」から「マルチカラム」に変化したり、ナビゲーションメニューが「ハンバーガーメニュー(三←こういうの)」から「横並び」に切り替わったりすることで、スマートフォンから、タブレット・PCまで、画面の横幅に合わせて、Webサイトを最も見易い形で表示します。 そして、そのデザインが変わる境目を「ブレイクポイント」と言います。 ブレイクポイントは、画面のピクセル数（CSSピクセル ※）で表されます。 ※ CSSピクセルについては記事：高解像度ディスプレイとデバイスピクセル比 さて、このブレイクポイントですが、特に、「何ピクセルにすべき」「何箇所設定すべき」といった決まりがありません。 Web制作者も「この辺りに設定すれば大体スマートフォンとタブレットの境目になるので
仕事が捗る！個人でもチームでも使えるタスク管理ツール8選 : ニキビ跡
複数のタスクを抱えている場合、頭の中だけで管理していては抜けや漏れが出てしまい予期せぬミスをしがちです。 本記事では、個人でもチームでも使えるタスク管理ツールを8個厳選してご紹介します。 最新のタスク管理ツールを使ってミスなく効率的に仕事を進めましょう！ Trelloはタスク管理ツールとしては定番のソフトです。 タスクがカード形式で表示されるので、視覚的にタスクを管理できる点が人気です。 個人向けとして紹介してますがチーム内でのタスク共有もできます。 フリー版は添付ファイルが10MBまでという制限がありますが、無期限に使えます。 タスク管理ツール2: Todoist（トゥードゥーイスト）【個人向け】 Todoistはタスクを管理するプラットフォームを15以上から選べるアプリです。 タスクを親タスク、子タスクという感じで階層分けできるので、大きなタスクを分割して管理する時に便利です。 タッチ
【エクセル】表を劇的に見やすくするレイアウトワザ4選！数字を並べるだけじゃセンスがない | GetNavi web ゲットナビ
数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 エクセルの表を見やすくするレイアウトワザ①表に縞模様を付ける表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換」を使います。 ↑表を選択します ↑「ホーム」タブ → 「テーブルとして書式設定」ボタンをクリックし、メニューからスタイルを選択します 「テーブルとして書式設定」画面が表示されます。 ↑内容を確認し、「OK」ボタンをクリックします テーブルのスタイルが設定されます。 ↑テーブル機能が設定され、フィルターボタンが表示されます フィルターボタンなどのテーブル機能を解
30 Examples of Material Design Palette Color Usage
Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents
流行りのGoogleマテリアルデザインがすごい件 - LITERALLY
今更だけど「マテリアルデザイン」がスゴイ。デザイナーだけでなくノンデザイナーもその考え方を知っておく価値があると思う。 マテリアルデザインは2014年〜Googleが提唱している考え方だ。主にアプリやWebサイトに採用される。Googleのサービスにはだいたいマテリアルデザインが採用されている。はじめの一步としては「マテリアルデザイン＝Googleっぽいデザイン」と考えるとイメージが湧きやすいのではないかと思う。 Google+、Google Map、Gmailなんかは典型的なマテリアルデザインと言える。 マテリアルデザインの何がスゴイのか 「マテリアルデザインとは何か」と合わせてそのスゴさについて解説していく。 1. 厳密なガイドライン よく比較される「フラットデザイン」とはここが決定的に異なる。フラットデザインは誰かが「こうやって作るもんだぞ」と提唱したわけではない。明確なガイドライン
エイプリルフール2017まとめ（公式） ｜ ガジェット通信 GetNews
2017年4月1日0時から、エイプリルフールネタサイトを更新追記しています。日本インターネットエイプリルフール協会公式まとめです。最新のエイプリルフールネタまとめを見たい方は、ガジェット通信サーバー上の記事をチェックしてください。ガジェット通信のまとめ記事はこちらです。 ■『ドラゴンボール超』に新展開（東映アニメーション） http://www.toei-anim.co.jp/tv/dragon_s/[リンク] 孫悟空たちが経済不況や派閥抗争に挑む「サバイバル新社会人編」がスタート。 ■名探偵ヘイジ（小学館） http://www.conan-portal.com/#newsContent[リンク] 西の高校生探偵・服部平次が『名探偵コナン』をジャック。 ■キャッスマ（グッドスマイルカンパニー） http://www.goodsmile.info/[リンク] 公式サイトがネコだらけに。「に
使いやすいフォームデザインのための新しい４つのルール
大規模なECサイトにおけるUXチームのリードであり、レンセラー工科大学でヒューマン・コンピューター・インタラクションの修士号を取得しています。Webサイト、Twitter。 私たちは日々、オンライン上でフォームを使っています。購入を完了するため、メーリングリストやソーシャルネットワークなどに登録するため、ディスカッションに参加するため、美味しそうなランチの写真を投稿するためなど、フォームを使う場面はさまざまです。オンラインで情報を入力するために、フォームは必要不可欠と言っても過言ではありません。 しかし、長きに渡ってフォームの改善はあまり見られませんでした。「使える」ものではあったものの、「使いやすい」ものには至らなかったのです。 近年では新しいテクニックを正しく使うことで、デザイナーはより早く、簡単で、生産性のあるフォームの作成が可能になっています。 フォームは短ければ良いのか 「フォー
使って無い人多すぎてビビる！Search Consoleを活用した超お宝キーワード発見術【超保存版】
どうも、ブログマーケッターJUNICHIです。 やっぱりブログって色んな事書かないと飽きて続きませんね。 SEOの記事ばっかりだと頭使うから疲れます。 でも頑張れる限りは、キーワードの話をします。 今回は、多くの人が無視している、超素晴らしいキーワード選定ツールの紹介です。 それは、GoogleのSearch Consoleです。 もともと、Googleウェブマスターツールって呼ばれていたツールです。 Search Consoleを導入して、2～3カ月以上WEBサイトを運営している人ならば、このツールを上手に使う事で、掘り出し物のキーワードが見つかるので、是非この使い方を覚えてみて下さい。 Search Consoleの『検索アナリティクス』・『検索クエリ』は超優秀なツール Seach Console自体は、キーワード選定をするためだけのツールではないんだけど、その中にある「検索アナリティ
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
ウェブサイト制作に欠かせない、アニメーション人気テクニック4つまとめ
機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に考えられたアニメーションを活用することで、ウェブサイトに大きな違いを生み出します。アニメーションはステータスを伝えたり、注意を引くことはもちろん、ユーザーの行った行動の結果をうまく表現できます。 今回は、より快適なウェブサイト体験を実現するために加えたい、アニメーションの制作テクニックをサンプル例と一緒に詳しく見ていきましょう。 進行状況（英: Progression） ローディング・アニメーション ウェブデザインに使われるアニメーションでもっとも一般的なもので、ページの読み込みに関係しています。ローディング・アニメーションは、コンテンツを読み込むまでの待ち時間をユーガーが短く感じられるように工夫されています。 シンプルな動きがローディング・アニメーションにとって最適で、音や余計なエフェクトなど
色による「見やすさ」のデザイン｜dwango creators' blog（ドワンゴクリエイターズブログ）
おひさしぶりです。chiiです。 2017年早くも1ヶ月が経ってしまい、2月になってしまいました。インフルエンザも流行っているようなのでみなさん体調には気をつけてください。 さて、今回のブログでは「見やすさ」とはどんなものかについて、色彩検定の基礎知識と主観からまとめてみようと思います。 あいまいな「見やすさ」というもの サイトやバナーのデザインをしているとき、 「この文字をもう少し見やすくしてほしい」 「新機能の導線だから、このボタンをもっと見やすくしてほしい」 こんな修正依頼をもらうことはよくあると思います。 これらは同じく「見やすさ」の向上を依頼されているものの、 きっと依頼主は 「この文字を見やすく」 → 「この文字を読みやすく」 「このボタンを見やすく」 → 「このボタンをぱっと目を引くように目立たせて」 という別の意図を持って依頼を投げていますよね。 その場合、この２つの依頼に
グーグルとH&M、行動データから服をオーダーメイドできるアプリで協業
夜の外出に最適なトップスやワンピースを見つけるために店舗に駆け込むことがよくあるが、それで購入に至る場合もあれば、結局購入に至らない場合もある。しかしGoogleの取り組みによって、携帯端末でこの問題が解決できるようになるかもしれない。 Googleはニューヨークで開催されているFashion Weekで米国時間2月6日、スウェーデンのH&M傘下のオンラインファッションブランドであるIvyrevelとの提携を発表した。Digital Trendsが報じた。 この提携が目指すのは「クチュールをデジタル時代に取り込む」ことだ。ユーザーのデータを活用して、オンラインでの習慣、活動、履歴から生まれたカスタムデザインの服を作り出すことで、これを実現するという。 この「Coded Couture」プロジェクトの参加者は、自身の行動を分類して習慣を学習するAndroidアプリ「Data Dress」をダ
遠隔で腰痛などを治せるリハビリアプリ「Regain」が公開
Return to the Fieldは2月8日、遠隔リハビリテーションアプリ「Regain」をiOS向けに公開した。個人も利用できるが、メインターゲットは法人で、すでに製造業やIT企業などに導入されているという。同日には国内のべンチャーキャピタルから数千万円の資金を調達したことも発表された。 Regainは、理学療法士と身体に不調を持つ利用者をマッチングさせる遠隔リハビリアプリ。当初は約300名の理学療法士が登録しており、ユーザーはチャットやビデオ通話で症状について相談したり、セルフケアの動画を視聴したりできる。料金は1ユーザーあたり月額5000円で、30分のビデオ通話が月に2回利用できる。導入企業の規模によって割引メニューもあるという。2017年秋にはAndroidアプリも公開予定。 使い方としては、アプリを起動して身体の痛いところを選択。痛みの強さや、どんな時に痛むのか、また運動習慣
獲得単価が1/5に！Facebookページのいいね！獲得広告の効率を大幅に向上させた出稿方法とは？
獲得単価が1/5に！Facebookページのいいね！獲得広告の効率を大幅に向上させた出稿方法とは？ FacebookやInstagramのマーケティング活用の基盤となるFacebookページ。興味関心を持ってくれるファンをスピーディーに集めるために効果的なのは「いいね！」獲得広告ですが、運用効率が上がらずにお悩みではないですか？ 今回はFacebookページのいいね！獲得単価を1/5にした、効率のよい出稿方法をご紹介します！ こんにちは、アライドアーキテクツ AD-Tech事業部の小屋敷です。 企業がFacebookやInstagramをマーケティングに活用する際、ベースとなるのがFacebookページです。情報発信の起点としても、広告配信データの基礎としても、Facebookページには自社ビジネスに興味・関心のあるファンを集めておかなければなりません。 しかし、2014年にキャンペーンの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wantedly（ウォンテッドリー）はたらくを面白くするビジネスSNS
