サイトのデザインを変更しただけで約50％もユーザーを失った失敗例
By Wicker Paradise アイコンに関するニュースから販売まで手がけるサービス「Icons8」の中の人が、ウェブサイトのデザインを大幅に変更したところ47％ものユーザーを失ったことをブログで明らかにしました。ブログではユーザーを失うまでの経緯や、なぜ失ってしまったのかの分析結果まで書かれていて、興味深い内容になっています。 How We Lost 47% of Our Users After a Redesign | Icons8 https://icons8.com/articles/how-we-lost-47-of-our-users-after-a-redesign/ サービス開始当初、Icons8はアイコンの開発・販売を手がけるサービスでしたが、毎日新しいアイコンを作り続けるのには無理があるため、「リクエストアイコン」という機能を実装しました。リクエストアイコンとは、
人が眠る本当の理由は何なのか？
by Tomas 睡眠には記憶の整理や感情の調整といった多くの役割があり、脳だけでなく、体温調節、免疫システムなど体のあらゆる機能にとって重要であることが過去の研究からわかっています。しかし、「なぜ人は眠るのか？どうして眠るようになったのか？」ということは現在でも謎に包まれたままです。「睡眠の起源」は一体何なのかということについて、BBCがさまざまな仮説を検討しています。 BBC - Earth - What is the real reason we sleep? http://www.bbc.com/earth/story/20160317-what-is-the-real-reason-we-sleep 「なぜ生き物は眠るのか？」という疑問について、まず検討していくのは「食事を終え、天敵もいなくなり、交尾のタイミングでもなく、スケジュールが空いたために動物は数時間にわたって意識を手放
全世界のサイトの4分の1はWordPressで作られている - GIGAZINE
コンテンツ管理システム(CMS)の市場シェアについての最新データをW3Techsが公開し、全世界のウェブサイトの25％がWordPressで作られていることが判明しています。 Usage Statistics and Market Share of WordPress for Websites, November 2015 http://w3techs.com/technologies/details/cm-wordpress/all/all WordPress now powers 25% of the Web | VentureBeat | Apps | by Emil Protalinski http://venturebeat.com/2015/11/08/wordpress-now-powers-25-of-the-web/ W3Techsが発表した、2015年11月時点での世界
アニメ銀魂の次回予告に使われた文字を集めた「銀魂次回予告体」
あまりにもフリーダムすぎる作風のマンガ・銀魂は、テレビアニメ化もされている大人気作品です。アニメでも危険なパロディネタや下ネタは忠実に再現されており、小さな子どもが見るにはあまりにもお下品過ぎたりするのですが、殺到する抗議や打ち切りの憂き目にも負けずになんだかんだと休みを挟みつつ2013年3月まで7年間にわたって放送が行われました。そんなアニメ・銀魂の次回予告に使われていた文字を集めたフォントが「銀魂次回予告体(大甘書道体)」です。 銀魂フォント - フォント作成工房 http://fontlab.web.fc2.com/sweetheavycalligraphy.html 銀魂次回予告体はこんなフォント。勢いのある豪快な文字から気の抜けた文字までさまざま。なお、次回予告の文字はサンライズのプロデューサーが書いていることが「おしえて！！銀八先生」の中で明らかになっています。 銀魂次回予告体
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
lainとは何だったのか読めば分かる詳細解説ムック「visual experiments lain」
1998年に放送されて今もカルト的な人気を誇り、名作アニメをラインナップしたときに必ず誰かが1度は名前を出す作品が「serial experiments lain」。その作品の詳細データや、内容についての理解を助けるスタッフの“lain観”などを収録したビジュアルムック「visual experiments lain」が長い時を経て復刊したので、購入してみました。 『visual experiments lain ／ ビジュアルエクスペリメンツ レイン（）』 販売ページ http://www.fukkan.com/fk/CartSearchDetail?i_no=68321439 「伝説のアニメ『lain』、唯一の公式ガイド本――ついに復刊!!」と帯に大書されている通り、長らく絶版となっていた書籍です。 背表紙はクマ。復刊にあたってはオリジナル書籍を作ったときの印刷フィルムを発掘してきて使
無料で1000個以上のアイコンフォントがダウンロードできる「WebHostingHub Glyphs」
「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ
400種類以上のミニアイコンのセットから、ちょっと変わった法律っぽいアイコン、世界中の国旗のアイコン、洗練されたUIキットまで、多種多様なアイコン・ボタン・UIキットを集めてリスト化したものがデザインに関係するトピックを配信するDzineBlog.comで公開されています。いずれも無料でダウンロード可能で、ファイル形式は主にPSDファイルです。 33 New Freebie Buttons and Icon Sets Released in Autumn 2012 - DzineBlog.com http://dzineblog.com/2012/11/33-new-freebie-buttons-and-icon-sets-released-in-autumn-2012.html ◆Free beautiful web icons - Vector social media icons
無料でダウンロードできる洗練されたデザインのUIキットいろいろ
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K
永年無料・申込不要、NTTドコモの最大54Mbpsの無線LANがタダで利用可能になる「docomo Wi-Fi永年無料キャンペーン」 - GIGAZINE
月額使用料315円が永年無料になる「docomo Wi-Fi永年無料キャンペーン」を2012年9月1日(土)から2014年3月31日(月)の期間で実施することを本日発表しました。 報道発表資料 : 「ｄｏｃｏｍｏ Ｗｉ－Ｆｉ永年無料キャンペーン」を実施 | お知らせ | NTTドコモ http://www.nttdocomo.co.jp/info/news_release/2012/08/22_00.html docomo Wi-Fi | サービス・機能 | NTTドコモ http://www.nttdocomo.co.jp/service/data/docomo_wifi/ キャンペーン期間中に適用条件である「Xiパケ・ホーダイ フラット」などのNTTドコモ指定のパケット定額サービスまたは料金プラン、「spモード」などのISPサービス、各ISPオプションサービス「docomo Wi-Fi
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
あらゆるコピー・移動作業を超絶便利にできるフリーソフト「CopyExt - 拡張コピー」 - GIGAZINE
Windowsで大量のファイルをコピーしたら途中でエラーが発生して止まっていたとか、差分のファイルだけコピーしたいとか、特定日時以降に更新したファイルだけコピーしたいとか、特定の拡張子のファイルだけをコピーしたいとか、正常にコピーしたどうかチェックしたいとか、名前を変えながらコピーするとか、コピー終了後にシャットダウンするとか、そういうもろもろのWindows標準のコピー機能では実現不可能なことができるようになるのが、このフリーソフト「CopyExt - 拡張コピー」です。 おそらくコピーや移動、バックアップなどに必要な機能はほとんどと言っていいぐらいのレベルで網羅しており、非常に強力かつ使いやすいです。これを知っているのと知らないのとではWindowsの操作性がかなり違ってくるレベル。 というわけで、ダウンロード、インストールから実際の設定画面までの解説は以下から。 CopyExt -
無料で商用利用可能なスタイリッシュかつシンプルなフォントいろいろ
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ～！という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。
一番難しいのは「生き残ること」、大塚明夫が「声優」という職業を語る
声優と言えば一時の爆発的なブームは収まってきたものの、まだまだ人気の職業です。学校や養成所なども多数ありますが、実際にどのような職業なのかは外からではなかなか分かりません。マチ★アソビvol.8で企画された今回の「デジタルクリエイター養成講座」は、「メタルギア」シリーズのスネーク、「Fate/Zero」のライダー、ブラックジャック、スティーヴン・セガールの吹き替えなど、アニメ・ゲームから吹き替え・舞台まで、俳優・声優業界の幅広い分野で活躍している大塚明夫さんを講師として招き、開催されました。同じくマチ★アソビvol.6のデジタルクリエイター養成講座では、「ニトロプラス」が作品を世に送り出すまでの苦闘という興味深い内容を講演していましたが、今回、大塚さんも声優という職業についてユーモアを交えてディープなところまで語っています。 場所はここ、「あわぎんホール」です。 14：00に到着したときに
無料で5GB利用できる「Googleドライブ」を実際に使ってみるとこんな感じ
Windows・Mac・Android搭載スマートフォン・タブレットに加えて今後iPhone＆iPadにも対応し、リアルタイムに編集可能で、16TBまで容量を増やせるオンラインストレージが「Googleドライブ」です。データをGoogleドライブに保存すれば、いろいろな端末からアクセス可能になり、ウェブに接続するだけでファイルを自動的に同期できます。インストールや使い方などは以下から。 Googleドライブ https://drive.google.com/start#home ◆Googleドライブの利用申請 持っているGoogleアカウントにログインし、上記サイトの「通知する」をクリック。 このような表示が出ます。あとはメールが来るのを待つだけ。 ◆インストール Googleからメールで招待状が届いたら「Take me to Googleドライブ」をクリック。 「Try Googleド
グリーは一体どこから道を間違え始めたのかという知られざる歴史まとめ
本日発売された週刊ダイヤモンドの「当局がグリーに重大な関心 正念場迎えるソーシャルゲーム」という記事に対し、速攻でグリーが反論のリリースを出したわけですが、一体何が原因でこんなことになってしまったのかを理解するためにも、そもそもグリーはどのような経緯で今のような形に至ったのかをまとめてみました。 これが本日発売の週刊ダイヤモンド 記事の中身はこんな感じで、ネットに掲載されているものと同じです 指摘されている問題点は以下のようになっています。高収益体質のグリーを支えている部分に大きな問題がある、というわけです。 急成長しているソーシャルゲーム。そのビジネスモデルを揺るがしかねない事態が起きている。 ある政府関係者によれば最大手グリーの摘発に向けた検討が始まったもようで、「4～5月が山場だ」というのだ。 ゲームジャーナリストの新清士氏は「月10万円近く使うような、会員全体の3％に満たない高額利
有料から無料になったCSS3による42種のウェブアプリボタンセット「Zocial」
もともとは24ドル(約1800円)の有料セットだったのですが、今は無料でダウンロード可能なのが「Zocial」です。42種類のCSS3によるフォントフェイス(font-face)と、ベクター形式によって自由なサイズでキレイに描画できるアイコンボタンの組み合わせとなっています。 Zocial ~ CSS3 Buttons, Sass Framework. http://zocialbuttons.com/ Zocial | CSS3 Button Set http://zocial.smcllns.com/ ダウンロードは下記サイトの「ZIP」ボタンをクリックすれば可能です。 samcollins/css-social-buttons - GitHub https://github.com/samcollins/css-social-buttons/ サンプルは以下から閲覧可能。 Zocia
映像制作の基本とコツをプロが図解と例示で伝授する「PIMOPIC」
個人ユーザーから劇場映画制作の編集まで、幅広く用いられる国産の映像編集ソフトEDIUSのサイト内にある「PIMOPIC（The Perfect introductin of motion picture）」では、映像クリエイターとして実際に仕事を始めている人やこれから映像コンテンツ制作を目指そうという人のために、経験豊富なプロの映像制作者が、映像制作の各段階で必要な技術や機材の理論に基づく基礎知識から実践現場で活かされるコツまでをまとめて伝授しています。 そこらの教科書よりも詳しく書かれており、これが無料で読めるというのがオドロキです。 CREATIVE LAB. INDEX | EDIUS.jp http://www.edius.jp/cre_lab/index.html ◆どんなことが書いてあるのか 企画段階から映像制作のフローに沿って、図や写真を使って、どのように制作を進めていけばい
目を引き印象に残るインパクト重視のパッケージデザイン33種
日用品などだと店頭でパッケージを見て選ぶという人も多いのではないでしょうか。消費者の興味を引こうと各メーカーしのぎを削るパッケージデザインですが、以下に掲載するのは、そんな中でも特に強烈なインパクトを与える、どこか吹っ切れたデザインのパッケージです。 Izismile.com - Some Very Clever Packaging Designs for Products (51 pics) 1.音符型にパッケージされたヘッドフォン Corinne Pantによるデザイン。 2.Klein Constantiaのハチミツ ハチの巣箱を模したパッケージで、箱を開けると中に大量のハチがデザインされ、紙でできたハチも入っています。 3.スミノフ ウォッカ カイピロスカ 果物の皮を模した包装紙を取り除くと、見慣れたスミノフのビンが出て来ます。 カイピロスカは、フレッシュフルーツと氷にベースとなる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
