米Facebookは6月16日(現地時間)、モバイル公式アプリ「Facebook Messenger」の「最近」タブを「ホーム」タブに置き換えると発表した。本稿執筆段階で、筆者のiOS版では既にホームタブになっているが、Android版はまだだ。 従来の最近タブ(タブメニューの左端にある時計のアイコン)は、最近会話した相手とその直近の会話が新しい順に表示されるだけだったが、ホームタブは、最近会話した相手4人の下に、お気に入り(頻繁に会話する相手の一覧)、誕生日(もうすぐ誕生日の友達)、現在アクティブな友達一覧がまとまったポータル的なページだ。 発表文に掲載されている画像はiPhoneのものだけなので、Android版にも同様の変更があるのか、あるとしたらいつごろ切り替わるのかは不明だ。 【UPDATE】Facebookに確認したところ、「iOS、Android共に対象となっており、両OSと
Pinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも非常に相性がよいUIコンポーネントです。 そんなカード型UIのレイアウトやデザイン、アニメーションを伴ったインタラクションの実装アイデアを紹介します。 各リンク先ではHTMLやCSS、使用していればJavaScriptも編集・ダウンロードできます。 Recipe Card インタラクションの一部をアニメーションにしてみました。他にも写真がズームしたり、タブ(機能は未)などが用意されており、省スペースに多くの情報を掲載することができます。
2016年も3分の1が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え
スマホサイトをつくることに関わる事、4年目。 うっ。4年前とサイズや機能が全くちがう・・・ GoogleからMaterial designも発表され、トレンドがどんどん変わっています。 トレンドだけじゃなくて画面全体のサイズや機能もかわってきているので、過去の懐かしさもふりかえりながら、そしておさらいも含めた、最近のスマホサイトのサイズ感や機能で配慮したい10のあれこれを紹介したいと思います。 これからスマホサイト改善したいよー!なんてひとのお役に立てたら幸いです。 Attention! 通常の業務では、minサイズのiPhone 5にあわせてデザインを作成していますので、iPhone 5で検証しているっという前提で読んでくださいね! 【目次】 1.文字サイズ、行間 2.タップエリア 3.ヘッダ固定メニュー 4.マージン(余白) 5.リッチなスライドメニュー 6.横スライドのタブ 7.戻る
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り?なのかFacebookのアプリように横から出てくるメニューが多いです。
空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。 Why White Space Is Crucial To UX Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに -UXデザインにおける空白スペースの価値 1. 空白スペースでコンテンツを理解しやすくする 2. 空白スペースで関係を明確にする 3. 空白スペースで注意を引きつける はじめに -UXデザインにおける空白スペースの価値 メインとなるオブジェクトを強調し、ユーザーの注目を引きつけるネガティブスペース・空白スペースの重要性をすべてのビジュアルアーティストが理解しているでしょう。 ネガティブスペース(デザイナー的には空白スペース)
Using Intel.com Search You can easily search the entire Intel.com site in several ways. Brand Name: Core i9 Document Number: 123456 Code Name: Emerald Rapids Special Operators: “Ice Lake”, Ice AND Lake, Ice OR Lake, Ice* Quick Links You can also try the quick links below to see results for most popular searches. Product Information Support Drivers & Software
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01: 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28: 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
EasilyDoのMikael Berner氏とそのチームは「Apple Watch」アプリを開発していたとき、その成果が「iPhone」にも応用できることをすぐに悟った。 EasilyDoの開発者たちは、社名を冠した「EasilyDo」アプリで、ユーザーが求めている情報を見つけるのに時間がかかりすぎる場合があることに気づいた。EasilyDoは、電子メール、予定表、旅行情報、LinkedInなどのサービスを管理するバーチャルアシスタントだ。スマートウォッチを装着しているユーザーは、メニュー内を探し回らなくても、ちらっと下を見るだけで必要な情報を確認できなければならない。 このことはiPhoneにも当てはまると判断した開発者たちは、スマートフォンアプリを再構築して、Apple Watchアプリのように「さらにマイクロモーメント」なものにし、ユーザーが今現在していることに関連する情報を一目で
はじめに さて、近年「ミニマリスト」「断捨離」といった言葉が注目されたり、「片付け術」がベストセラーになったりするなど、多くを持たずモノを捨てることを敢えて行...
スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く