メディア・パブ: バイラル記事が氾濫、バイラルメディア・サイトが打つ次の一手は
フェイスブックにおけるパブリッシャーサイトのバイラル度ランキングを、メディア分析会社NewsWhipが発表しているが、その最新版（7月データ）で米国のバイラルメディアの動向を探ってみた。記事のバイラル性の指標としては、Interaction総数（＝Comment数+Share数+Like数）を用い、各パブリッシャーサイトについて1か月間に投稿した全記事のInteraction総数（表のTotalFB）をはじき出している。トップ25のパブリッシャーランキング表を、最新の2014年7月版に加えて10カ月前の2013年10月版も以下に掲げた。 トップ25のInteraction総数は14年7月には2億6240万件となった。13年10月の1億3840万件の約2倍である。トップ25のパブリッシャーが配信した記事本数総計はほとんど変わっていなかったので、この１０カ月の間に、記事1本当たりのIntera
認知心理学とUIデザインに関するメモ
photo credit: dierk schaefer via photopin cc こんにちは、@h0saです。 約１ヶ月経ってしまいましたが、2014年7月17日に開催された、HCD-Net主催セミナー「認知心理学とUI,UX入門」に参加してきました。 UIデザイン業務に活かせる内容でしたので、ポイントを絞ってメモを残しておきます。 「認知心理学とUI,UX入門」メモ 認知心理学とは ・人の頭の使い方：知覚・理解・記憶・思考・学習・推論・判断・問題解決などの知的機能が研究対象。 ・最近では、感情、感性、熱達、実践等の問題にも取り組むようになっている。 認知情報処理（人の頭の使い方） ・知覚（五感） ↓ ↓←注意 ↓ ・認知 ↓ ・記憶（短期記憶、長期記憶） ↓ ・理解（理解の枠組み＝メンタルモデル） ↓ ・判断 短期記憶 ・短期記憶の記憶容量：7±2単位、保持時間2〜5秒 ・
frog design
frog is a leading global creative consultancy, part of Capgemini Invent. Partnering with passionate leaders and visionary entrepreneurs, we apply creativity, strategy, design and data to re-invent businesses, drive growth and orchestrate customer centric transformation. Together we strive to shape a regenerative future that is both sustainable and inclusive for businesses, people and planet.
アニメーション表示のプログレスバーをどうすれば体感速度がアップするのかが判明
ファイルをダウンロードする時やソフトウェアをインストールする際によく目にするのが進捗度合いを示すプログレスバーですが、このプログレスバーの表示にアニメーション効果を加えることで、処理の体感速度を実際よりも早く感じさせる効果があることがわかりました。 ProgressBarsVisualCHIv15CAMERA1 - ProgressBarsHarrison.pdf (PDFファイル) http://chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf カーネギーメロン大学コンピュータサイエンス学科 Human-Computer Interaction Instituteの研究チームは、次の3種類のバーを比較して実験を行いました。 実験では、この3種類のバーをそれぞれ比較させることで、その効果の違いを浮き彫りにして
インタラクションデザイン - Wikipedia
この記事には参考文献や外部リンクの一覧が含まれていますが、脚注による参照が不十分であるため、情報源が依然不明確です。適切な位置に脚注を追加して、記事の信頼性向上にご協力ください。（2023年1月） インタラクションデザイン（英: Interaction design）は、技術的システム、生物学的システム、環境システム、組織などの振る舞い（対話、インタラクション）を定義し生成する規範の一種である。 概要[編集] 例えば、ソフトウェア、各種製品、携帯機器、環境、サービス、ウェアラブルコンピューティング、組織自体などのシステムに適用される。インタラクションデザインは、人工物やシステムのユーザーへの反応を振る舞い（インタラクション）として定義する。IaD または IxD と略記されることもある。システム開発においてユーザーの人力操作に対するシステムからの適切な反応を設計することで利用目的に合致した
[CSS]フラットなデザインに使いたい！タップ時の新しいエフェクト「波紋」のアニメーションを実装するテクニック
Googleが先日発表したAndroid Lで使われる新しいUX「Material Design」で採用されているようなタップすると波紋のように円が広がるエフェクトを実装するテクニックを紹介します。 タップやクリックでよく見かけるのは、押した感じにへこむエフェクトでしたが、この波紋はフラットにあっててなかなかいいエフェクトですね。 Material Design 波紋状のエフェクトのコードは、下記のようになります。 HTML div要素で矩形のボタンを作成します。ラベルはスタイルシートのcontent属性で配置しています。 <div id="button" class="android-btn"></div> <div id="button2" class="android-btn ink"></div> CSS エフェクトのアニメーション、ボタンのサイズや波紋の大きさは、スタイルシートで
Interaction Design Association – IxDA
The Interaction Design Association is a member-supported organization dedicated to the discipline of interaction design. Since its launch in 2003, IxDA has grown into a network of more than 150,000 individuals with local groups around the globe, focusing on interaction design issues for the practitioner, no matter their level of experience. What’s on IxDA is built ‘by the community, for the commun
UX Blog | ナレッジ | ミツエーリンクス
先日、FacebookからiPhone用のニュースリーダーアプリPaperが米国向けにリリースされました。 雑誌を流し読むように投稿やニュースにざっと目を通しつつ、気になったものは新聞を広げるようにして続きを読む...そんな使い方が、手のかかったなめらかな動きで実現されています。* しかし、こうしたインターフェイスも、当然ながら最初は発案者の頭の中にしかなかったものです。こうした動きのある製品を作ろうとするとき、私たちはインターフェイスのイメージをプロジェクト関係者にどうやって共有していけばよいのでしょうか？ 画面イメージを伝える際にはワイヤーフレームがよく使われますが、このような動きのない静的なドキュメントでは、実際にアプリがどのように使えるのか想像しづらいでしょう。そのため、動きをつけたプロトタイプでデザインした画面を共有していくことが効果的です。 例として、私が作成したプロトタイプ（
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
他とは違う？ ”動き”や”レイアウト”にこだわる素敵サイトたち。 / Maka-Veli .com
ページ遷移やマウスオン、スクロール、パララックス、ちょっとした動作にこだわりを持たせると、サイトとしてのクオリティを高めてくれます。また、どんどんCSS等も表現の幅も拡がって斬新なレイアウトが目立ちます。そんな動きやレイアウトにこだわったサイトをいくつかご紹介。もちろんノンフラッシュ。 Find & Form | The Digital World Craves Old School Craft http://www.findandform.com/ 左上のロゴ、ページをスクロールすると変形します。 TAKESHI WATAMURA | 綿村 健 http://takeshiwatamura.jp/ ※音注意 斬新なレイアウト。マウスオンで全画面、透過でコンテンツが表示されます。 ALCHIMIE http://www.alchimie-swc.ch なんだか不思議なサイト・・
JACK & JONES - Men's Clothing & Shoes | Official Website
Select your shipping country and language Our products, discounts and promotions may vary from country to country Denmark Danish English Germany German English Netherlands Dutch English Spain Spanish English France French English Belgium French Dutch English Switzerland German French English Italy Italian English Norway Norwegian English Sweden Swedish English Finland Finnish English Austria Germa
We Were Sofa
A software and interaction design company that built great products. People Read about the people who built Sofa. Products Sofa's gone but our products live on. Facebook More about the acquisition by Facebook in 2011. Archive Check out the old site for our design work and blog posts. History Sofa was a small design-centered software company, founded by three guys who taught themselves how to code
インタラクションデザイン研究会
インタラクションデザイン研究会は日本国内でのインタラクションに関する取り組みを企業、大学、個人を問わず概観し、 我々の向かうべき先を考えるための会です。本研究会はどこの企業、学会にも所属しない有志団体です。 本研究会は定期的（概ね2ヶ月に一度のペース）に開催を予定していいます。各研究会ではそのときのテーマを決め、その分野における第一人者をお招きして、今後の日本のインタラクションに関する取り組みをどのように行っていくべきかを議論します。 くわしくはこちら 次回研究会予定 第五回インタラクションデザイン研究会は以下のとおり開催します。 テーマ：つくること、つくりかたの未来 - パーソナルファブリケーションの夜明け 講師：IAMAS 小林 茂氏、慶應義塾大学 田中 浩也氏, 東京藝術大学 城 一裕氏 日時：2011年7月20日（水）18:00 - 20:30 場所：東京藝術大学 芸術情報センター
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Seeed Studio Bazaar, The IoT Hardware enabler.
ユーザーエクスペリエンスの分解
HR2_blog
Dunne & Raby
E3 2009: Project Natal Xbox 360 Announcement
456.im
OurType