TechCrunch | Startup and Technology NewsWelcome back to TechCrunch’s Week in Review. This week had two major events from OpenAI and Google. OpenAI’s spring update event saw the reveal of its new model, GPT-4o, which…
Design Sprint for Android Wear を開催します
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集 MOONGIFT
Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。 そんなマテリアルデザインにフォーカスして作られたアイコン集がMaterial Iconsです。 Material Iconsの使い方 Material Iconsは数百種類のアイコンが提供されています。 アクション系。 特徴としては一つのアイコンで終わりではなく、その状態によって斜線を引いたり、アイコンを重ねたアイコンがあることでしょう。 アラート、AV、コミュニケーション。 音量アイコン一つとっても、音量の大小、ミュート、設定不可などとパターンが作られています。 コンテンツとデバイス。 スマートフォンでも利用も想定されていますのでデバイ
Gmailのデザインを根本的に変えてしまう、挑戦的なChrome拡張機能『Sortd』 | ライフハッカー・ジャパン
Chrome：メールというものは、まるで飼い慣らせない動物のようです。『Sortd』は、Gmailのデザインを劇的に変えてシンプルで整理されたリストに変えてくれるChrome拡張機能です。 開発者のサイトを見ると「Gmailは壊れてる。だから直したんだ」という挑戦的なコピーがまず目に留まります。 Gmailのインターフェイスを大幅に変えてしまうこの拡張機能は、メールをリストで分類する操作がポイント。もちろん使い方は簡単で、左側にある受信トレイから、右側に作成したいずれかのリストへドラッグし、ドロップするだけです。後で見直すためにとか、レシートやその他必要などんなことにでも、リストは便利に使えるでしょう。古い受信トレイに戻したければ、Sortdを脇へドラッグするだけですが、そんなことをする人はいないでしょう。 メールがらみのミスが多い人は、Sortdを試してみると良いかもしれません。重要なメ
Material Designを見てみた - クックパッド開発者ブログ
モバイルファースト室の @kaa です。 Googleが先日IOで発表したMaterial Designについての資料を見て、元Flasherの視点で いまさら思った事などまとめてみます。 Material design - YouTube アニメーション、スタイルのページについてメモです。 レイアウトのページ以降はまた次回に。 Introduction http://www.google.com/design/spec/material-design/introduction.html メタファーは紙？ カードは紙をイメージ、という話ですが、どうでしょうか？ もし紙だったらテクスチャの質感や表示時に傾く、ゆれる演出が入るんじゃないかと思います。 四角形がゆがむことはないので紙の見え方とは少し違いますし、紙のやわらかさがないですよね これのMaterial responseとか 紙ですと均
Material Designの利用とWebデザインへの影響 (1/2)
グーグルが発表した、次期Android OS （通称Android L）向けの新しいデザイン原理「Material Design」の使い道や使い方について、背景にある思想やWebデザインへの影響を紹介します。 普及の鍵を握るSDKとPolymer Material Designは、次期Android OS（通称 Android L）のデザイン原則として、Androidデバイスで動くアプリやサービスへの適用が求められています。Androidの場合、iOSのようにプラットフォーム側がアプリ提供側を審査しないので、基準が示されるだけでは普及のきっかけがありません。 グーグルはこの問題点を、Material Designのデザイン原則を盛り込んだSDKの提供で克服しようとしています。 SDKの仕様に沿ってアプリやサービスを開発すれば、半ば自動的にMaterial Designの原則に沿ったUIが構
Google: Work Smart, Live Happy
Work Smart, Live Happy 職場の制度とテクノロジーを組み合わせて、時間と場所にとらわれず 自分のペースで働くことができれば、女性はもっと輝ける。
日本語・英語・中国語・韓国語対応のオープンソースフォント「Source Han Sans」
AdobeとGoogleが共同開発した多言語対応のオープンソースフォント「Source Han Sans」がリリースされました。 The Typekit Blog | Source Han Sansの紹介：オープンソースのPan-CJK書体 http://blog.typekit.com/alternate/source-han-sans-jp/ Google Developers Blog: Noto: A CJK Font That is Complete, Beautiful and Right for Your Language and Region http://googledevelopers.blogspot.jp/2014/07/noto-cjk-font-that-is-complete.html Source Han Sansの基本デザインを担当したのはAdobeのフォ
第1回 「腕時計」が生み出す新しい体験 | gihyo.jp
2014年6月26日（日本時間）に開催されたGoogle I/Oにて、ウェアラブル端末向けOS「Android Wear」が発表されました。Android Wearの話自体は以前より公のものとして発表されていましたが、今回のAndroid Wearの発表と同時に2端末の一般発売も開始されたので、一番早く手に入れることができるLG社のLG G Watchをさっそく購入してみました。 ひとことで言ってしまえば、AndroidのPush通知を見ることができるだけの端末ではあるのですが、こういった端末はどんなに人から話を聞いても実際に使ってみないと得られる体験はわかりません。特に“腕時計”という端末自体を使ったことのない人はいないでしょうから、なおさらその経験から腕時計の延長のようなものを想像してしまいがちです。しかしAndroid Wearは“腕時計”ではなく“腕時計型”の新しいジャ
Material Designの目指すところとAndroid側の変更点 - クックパッド開発者ブログ
モバイルファースト室の @rejasupotaro です。 今年のGoogle I/OではAndroid One、Android L、Material Design、Android Ware、Android Auto、Android TV、Google Cloud Platform、Google Fitなどの発表がありました。弊社からは私と @sys1yagi と @__gfx__ が参加したので、何回かに分けてGoogle I/Oの発表の内容を紹介します。 今回のテーマはMaterial Designです。内容は公式ドキュメントやセッション動画の要約や参考リンクからの引用を含みますが、筆者の考察や主観も含まれます。 Material Designとは Material Designとは、Googleが発表したビジュアル、モーション、インタラクションのプラットフォームやデバイス間の包括的な
Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
なぜGoogleは創業以来の検索結果ページデザインを変更したのか
Googleは、検索結果ページのデザインを変更したことを発表した。先日からデザイン変更をテストしており、それが正式にロールアウトされた格好だ。 主な変更点は次のとおり。 リンクの下線の消滅 文字サイズが大きくなり（16px→18px）、リンクの文字数が減少（最大全角28文字～30文字程度） 広告の表示方法の変更（背景色がなくなり、黄色のラベルが表示） 行の高さを均一化 ユーザ目線からすると、もっとも影響が大きいのはリンクの下線が消滅したことだろう。従来、ハイパーリンクには下線を引くことが半ば常識的だったからだ。 デザイン変更の理由 なぜ、Googleは創業以来変えることがなかった「リンクに下線を引く」というデザインを変更したのだろうか。 Google社員のJon Wileyによれば、「モバイルファースト」の思想に基づくようだ。モバイルファーストとは、大雑把に説明すれば、多様な画面サイズを有
[&] devsumi 2014 - UX of Google Maps - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ モバイル版グーグルマップのUXはいかにして作られたのか？ 石塚 尚之 〔グーグル〕 https://event.shoeisha.jp/devsumi/20140213/session/412 ------------------------------------------------------------- Google Maps にたずさわったのは iOS版の開発が始まったときでした。 今回の経験で学んだことを皆さんにお話ししたいと思います。 東京オフィスで働いています。 東
Googleのクソアップデートきた！検索メニューの『ウェブ/画像/地図/動画』などが自動で入れ替わるようになった
なんかもうブチギレてます。 特定のワードでググると、検索メニューの順番が入れ替わるようになりやがりました。 この場合だと『ウェブ/画像/動画/ショッピング…』てな感じの並びですね。 だいたいいつも『ウェブ』の隣には『画像』がいました。 『ウェブ』の隣は『画像』という概念の破壊 ところがどっこい地名で検索すると、『ウェブ』の隣に『地図』がくるようになりました。 画像なんかは更にニュースの隣に配置されてる。 『プロレス』だと『動画』が隣になった。 まぁやっぱこういう検索ワードだとこうなるよね。 というわけで普段は『ウェブ』の隣は必ず『画像』だったのですが、なんか勝手に配置が変わるので間違えて無駄に地図開いちゃったりします。 誰かどうにかする方法教えて下さい。 『まずはGoogleを買収しましょう』みたいな案でもいいです。
入力フォームのどこで脱落したのか？ Googleアナリティクスで評価する――実例で解説！イベントトラッキング（3）［第68回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
eコマースサイトなどでは、商品をカートに投入してから購入までの間に、少なくとも初回購入時には、名前、住所、メールアドレス、クレジットカード番号などの各種情報を入力したり、入力内容の確認作業をしたりしなければならない。 ユーザーのうち、一定の割合は、この手続きが面倒で、途中でやめてしまうことがある。いわゆる「脱落」だ。 どのステップ（ページ）で脱落したかを知りたいときは、Google アナリティクスの「目標到達プロセス」レポートを設定すれば、どのページで動きが止まったのかを簡単に知ることができる。詳しくは以下の過去記事を参照してほしい。 目標到達プロセスのレポートで、カートから購入までのボトルネックを見つけよう［第56回］しかし、Web解析担当者としては、ページ単位ではなく、各ページの入力フォームのどこで入力を諦めてしまったのかまで知りたい、というのが本音ではないだろうか。 そこで今回は、入
グーグル・ブランドの秘密：そのグラフィックデザイン基準に迫る | ライフハッカー・ジャパン
創業当時、セルゲイ・ブリン自らGimpを使ってデザインしたというGoogle（グーグル）ロゴ。当時と比べれば、現在グーグルの多彩なサービスロゴには、ずっと洗練された印象を感じます。そのデザインのポリシーを米メディア・Co.EXISTが紹介していました。その記事を翻訳して掲載します。（Top Image via Google Visual Assets Guidelines - Part 2） 検索サービスからはじまり、メール、マップ、ドキュメントツール、SNSなど、グーグルの製品・サービスは、いまや数多くのユーザにとって欠かせない存在となっています。ただ、機能面での充実ぶりに比べ、ビジュアル面での洗練さや統一感はいまひとつ...というのが、従来のグーグルでした。 そこで、このようなビジュアル面での課題を克服すべく、2011年4月、最高経営責任者（CEO）ラリー・ペイジ（Larry Page
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Engadget | Technology News & Reviews
Google Design
Googleが「CAPTCHA」を改良、リスク分析により人間と機械を区別 