「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた｜Tsutomu Sogitani
大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使
UIデザイン提案に不可欠！顧客の納得度を上げるために意識すべき4つの条件（スライド付）
去る6月22日（木）に渋谷で行われた、株式会社アジケ主催のイベント「UX dub〜UX／UIの現場、最前線〜」に登壇させていただきました。今回のエントリーはこのイベントで発表させていただいた内容のフォロー記事になります。 日頃のクライアントへのUIデザインの提案において、なかなか作ったものに対して納得していただけない、スムーズに話が進まない、といった状況は、誰しも経験するものかと思います。しかし近年、私自身の経験を振り返ると、以前に比べてスムーズに提案が進むようになったと感じていました。 そんな時にお誘いいただいた、このイベントの「UX／UIの現場、最前線」というキーワードを聞き、私の所属するベイジではどのようにパートナーをリードしてUIに落とし込んでいるのか？をお話してみようと思いました。 この内容について、我々が作るWebサイト自体のUXやUIを深く追求することももちろん大切なのですが
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
Sketchが使い物になるかPhotoshopユーザが検証してみた（スライド付） | ベイジの社長ブログ
弊社では数年前にWebのデザインツールをFireworksからPhotoshopにしました。Photoshopには非常に多くの機能が搭載されていながら、一方でWebに最適化されているかというとそうではない側面も多々あります。 そんな中、最近気になっているのが、新たなデザインツールとして徐々に広まりつつあるSketch。海外ではPhotoshop並みに使われているという調査もありします。そこでPhotoshop歴10年（途中3年ほどFireworks）の弊社アートディレクター兼デザイナーの荒砂が、PhotoshopとSketchの機能を比較し、最終的にどう判断すればいいか、スライドにまとめてくれました。 詳細はスライドを見ていただくとして、特に異なっている点だけを表にまとめて比較すると、以下のような感じになります。 ○：機能として存在し、優れている △：機能として存在するが、やや劣っている
UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。
[JS]パネルをフェードで切り替えるシンプルな国産のjQueryのプラグイン -ImageNavigation
デモページ：2（テキスト版） 右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。 スクリプトのオプションでは次のものなどが設定できます。 切り替えの自動と手動 パネルの表示時間 フェードの時間 ラベルの画像とテキスト ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。
地域選択UI
多階層セレクトボックスUI 全国 全国確定 北海道確定 関東確定 北陸確定 東海確定 関西確定 中国確定 四国確定 九州・沖縄確定 三重県確定 大阪府確定 京都府確定 兵庫県確定 奈良県確定 和歌山県確定 滋賀県確定 池田市 泉大津市 泉佐野市 和泉市 茨木市 大阪狭山市 大阪市旭区 大阪市阿倍野区 大阪市生野区 大阪市北区 大阪市此花区 大阪市城東区 大阪市住之江区 大阪市住吉区 大阪市大正区 大阪市中央区 大阪市鶴見区 大阪市天王寺区 大阪市浪速区 大阪市西区 大阪市西成区 大阪市西淀川区 大阪市東住吉区 大阪市東成区 大阪市東淀川区 大阪市平野区 大阪市福島区 大阪市港区 大阪市都島区 大阪市淀川区 貝塚市 柏原市 交野市 門真市 河内長野市 岸和田市 堺市 四條畷市 吹田市 摂津市 泉南郡熊取町 泉南郡田尻町 泉南郡岬町 泉南市 泉北郡忠岡町 高石市 高槻市 大東市 豊中市 豊能郡
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
[JS]複数のパネルをアニメーションでスライドして切り替えるスクリプト -Sliding Tab Menu
サイドバーなどの省スペースにぴったりな、複数のパネルをスムーズなアニメーションでスライドして切り替えるスクリプトをQuenessから紹介します。 jQuery Sliding Tab Menu for Sidebar Tutorial demo デモでは、タブをクリックすると、それに対応したパネルがスライドして表示されます。 各パネルはコンテンツの量に合わせてサイズが調整されます。 タブとパネルはそれぞれdiv要素で実装されており、スライドのアニメーションにはjQueryとjQuery.ScrollToが使用されています。
ウェブサイトにとって重要なユーザビリティの7つのクイックチェック
Quick Usability Checklist 下記は、その意訳です。 はじめに 下記の全ての項目が、すべてのサイトに当てはまるわけではありません。これらは、あなたのサイトの方向性を示唆するものです。 1. Site ID サイトはIDは非常に重要な要素で、ページ上部の左やナビゲーションの側によく配置されているサイト名やロゴのことです。 サイトIDには、トップへのリンクを設けるか、ナビゲーションにトップのリンクを設置する必要があります。 2. Page Name ページの名前は、サイトIDと同様にユーザーに明確に伝える必要があります。 ビジュアル的にページの名前であると分かるように目立たせるべきです。 また、ユーザーがそのページに到着するためにクリックしたテキストと一致している必要もあります。リンク元とリンク先が同じ内容のものであれば、ユーザーは混乱することがなくなります。 3. Na
コラム一覧 ｜ - エクスペリエンス・デザイン・パートナー
本コラムの前編では、昨今eNPS℠が重要になってきていること、また、eNPS℠には「正当な報酬」・「正当な評価」・「顧客への貢献実感」が影響していることを述べました。 本コラムでは、仕事の役割が見える「部署」を切り口に、eNPS℠の比較を行い、そこからeNPS℠を高めていくための方法について考察・ご紹介します。 「中国のデジタルサービスが進んでいる」「中国のCX/UX※1が優れている」そんな評判や記事を最近多く耳にするようになりました。また、Alibaba傘下のAnt Financialが、Harvard大学から「先進的かつ再現可能」なビジネスとして評価され、Harvardビジネススクールの企業事例集に取り上げられたことは記憶に新しいニュースです。 コピー商品や、「安かろう悪かろう」の製品のイメージが根強くあった中国。しかし、そのような「偏見」はもう昔のことです。中国は今、デジタルを活用し
色々使えそうな、かっこよくアニメーションするスライダー実装JSライブラリ:phpspot開発日誌
Ultra versatile slider for websites 色々使えそうな、かっこよくアニメーションするスライダー実装JSライブラリ。 ウィジェット風に設置できそうなJSライブラリが紹介されています。 デモページ 次のように、divで大きく囲って中身にリストを定義して、リスト内をスライドさせるという、他の多くのライブラリで同じように実装されているようになっていて使いやすい。 <div id="slider-stage"> <ul id="myList"> <li >Box 1</li> <li >Box 2</li> <li >Box 3</li> <li >Box 4</li> <li >Box 5</li> <li >Box 6</li> </ul> </div> 次へ、前へリンクも<a>タグにidをふるだけみたいです。 <div id="slider-buttons">
新ポータルサイトに見るWebページ・デザインのトレンド
この春，主要な国内ポータルサイトが相次いでトップページをリニューアルした。情報ポータル分野では2008年3月31日にgoo，4月7日にlivedoor，4月14日にMSN Japanと新トップページの公開が続いた。検索大手のGoogleも3月19日にトップページをリニューアルしている。2008年1月のYahoo!ジャパンのリニューアル（関連記事：メディアとしての価値を向上させる -- 1月1日正式公開のYahoo! Japan新トップページ）が先陣を切ってから数カ月で，主要ポータルの顔が一新された格好だ。 ポータルサイトは何万人というユーザーが日々訪れる場所。それだけに，ここには幅広いユーザー層に受け入れられているデザインのポイントがあるはず。各ポータルサイトのデザイン的な共通点や，訴求ポイントの違いを分析して「ページ・デザインのトレンド」を探った。 検索機能が目立つように まずはページの
鳶嶋工房(Tobishima-Factory) - Game / Essay
コンピュータゲーム エッセイ 特に断りがない限り「ゲーム=コンピュータゲーム」ということで書きます。 沢山書いてみて分かったんですが、内容はゲームデザインよりも、インタフェースデザインの方向に傾いているようです。 第一回はゲームは文化か?です。メッセージと音声は漫画にするの大変だったので、是非読んで。 面白さ 2013-12-20達成感の魔力 達成感がゲームをドライブする 2002-05-10集める楽しみ 集めたい、全部集めたい 2002-04-26ゲーム密度 スカスカな感じはなぜ起きる? 2002-04-19お手軽なクリエーター感 ものづくりの楽しい部分だけを抽出 2002-03-22勝つと嬉しい 勝敗はゲームの面白さを引き出すものだが 2002-03-15遠隔操作という感覚 ゲームにはラジコンと同じ面白さがある ゲーム心理 2017-09-04ドラクエの玉座の間に見る心理的誘導 プレイ
メニューの次元
今回はコマンド選択法としては一般的な、カーソル移動+決定方式を中心にメニューの構造に付いて取り上げる。 最近のゲームではまず間違いなくどこかにメニューが導入されている上に、そのコマンド量も増大する傾向にあるので、メニュー部分の作りこみは大切な事と言える。 特に以下では、大量のコマンドをどうやって整理するかに着目したい。 コマンドを画面上に並べただけでは表示できるコマンドの限界がすぐに来る。そこで様々なインタフェースを導入してコマンドを整理することとなる。 コマンド選択法で述べたことを思い出しながらコマンド選択のインタフェースを整理し、利点と欠点に付いても考察してみる。 列を増やす コマンド数を増やすために、まず思い付くのはコマンドの列を増やすことである。 列を増やせば、単純に2倍3倍とコマンド数を増やせる。 一度に画面に表示されるコマンドが増えるので、プレイヤーが選択可能なことが一覧できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GunosyのUIを徹底的に分析してリデザインしてみた
blog | bookslope
JAGDA WHO'S WHO
ファーストビュー都市伝説 - ページ上部に詰め込むのはダメデザイン？ | 初代編集長ブログ―安田英久
