もう縦スクロールって疲れません？進化する私たちの指と視野｜ワカモノのトリセツ
こんにちは！現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。 春休み満喫中の私たちは、自然と携帯を見る時間が増えました。 そんな時に、 「あれ？最近縦スクロールするのがもう嫌になってきたぞ？！」と思うようになったことに気づいたのをきっかけに、今回は縦スクロールについて私たちの最近の価値観をお話しします。 ■ 縦スクロールで満足できていた時代縦スクロールコンテンツで代表的なものはこちら。 ・Instagramのフィード投稿 ・コスメやファッション、旅行系のキュレーションメディア ・Twitterのタイムライン ・クックパッド ・Safari、Chromeなどのウェブブラウザたち 昨年の夏頃までは、まだ縦スクロールへのストレスが薄かった気がします。20件、30件とインスタのフィード投稿を見るのが全く辛いと感じませんでした。コスメやファッション、旅行系のキュレーション
不評のInstagramのアイコン変更、困惑は間もなく過ぎ去る？ (1/2)
Instagramは、その5年間の歴史で初めて、アプリのアイコンを大幅に刷新しました。虹色のカラフルなグラデーションの背景に、非常に単純化されたカメラの輪郭とレンズです。 しかしこれは、世界中のユーザーから不評です。 Instagramは自社のブログやInstagram内広告で、ロゴ変更についての説明を続けています。しかしそうしたポストには「ダメだ」「捨てちゃえ」「やりなおし」「元に戻せ」という辛らつなコメントが連なっています。 アプリアイコンが構成していたその人の「生活」 こうしたユーザーの反応を、Instagramはどれだけ予想していたでしょうか。程度の問題はあれ、これだけの大幅な変更はユーザーの批判を浴びるということを予期していたのではないでしょうか。 これはInstagramに限ったことではありませんが、アプリのアイコンには、我々ユーザーにとって、そのアプリを起動するための目印以上
F1ハンドルの進化 1993年から2013年 動画：ザウバーF1チーム : F1通信
Tech Bites: Evolution of F1 Steering Wheels since 1993 - Sauber F1 Team ザウバー、1993年以降のF1ハンドルの進化 1993年C12のハンドルにはボタンが2つしかついていなかったのをご存じだろうか？ ひとつはチーム無線用、ひとつは、テレメトリ・データにマーカーをつける問題ボタンだった。 今回の動画は、1993年以降のハンドルの進化を示している。ボタンやつまみが増えたり移動したりする様子をご覧ください。関連する詳細解説図もお見逃しなく。 2013年06月13日 ザウバーのF1ハンドル詳細解説図 ザウバーF1チームのハンドル： 1993年から2013年 ＋関連記事 2010年09月20日 フェラーリF1ハンドルの進化 ＜写真＞ 2013年06月13日 ザウバーのF1ハンドル詳細解説図 ＋関連記事 2013年04月03日
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
これは要チェック！豊かなユーザエクスペリエンスを与えるナビゲーション集
ナビゲーションはウェブサイトにとって重要なエレメントであり、基盤となるものです。素晴らしいナビゲーションは豊かなユーザエクスペリエンスを与えます。 ユーザーは使いにくくない困惑されないナビゲーションを望み、シンプルなナビゲーションはたいていの場合、ダイナミックなものよりユーザフレンドリーなものです。ここではダイナミックでクリエイティブなナビゲーションの素晴らしいインタラクションと若干の欠点をSmashing Magazineから紹介します。
「次へ」「前へ」がどっちに進むのか分からない問題まとめ
@tkml 心底同意 RT @amachang: 「次へ」「前へ」っていうリンクよく見るけど、もっと時間的な前後が分かる言い方ないのかなー。 2010-02-17 10:54:09
AppleタブレットのUIはズバリこうなる！（動画＆予想図）
AppleタブレットのUIはズバリこうなる！（動画＆予想図）2010.01.26 23:00 satomi ｢タブレットはMac OS XのUIがいいな｣という声、｢今までにないエキゾチックなUIになるよ｣という声、どちらも間違い。Appleタブレットは単に、iPhoneで始まったUI革命の第2ステップです。 ここでは、その理由を並べてみましょう。 ハードウェアの話なら、いくらでも予想が立ちますが、ことUIに関しては3派に分かれて、三つ巴の戦いになってます。 ひとつ目は、タブレットもGUI（ウィンドウ、フォルダ、昔ながらのデスクトップのメタファー）しかないと思ってる人たち。あのWindowsタブレットや最近のタッチ対応ノートみたいな。 ふたつ目は、アップルのことだから3Dインターフェイスとかなんか実験的なこと、誰も想像もつかないインターフェイスを用意してるんじゃないか、という夢追い派。愛と
オンラインプレゼンツール「Prezi」を使ってみたけど、これはすごいかも知れない
■ オンラインプレゼンツール「Prezi」を使ってみたけど、これはすごいかも知れない 少し前に話題になっていたけど使うチャンスがなかったオンラインプレゼンツール「Prezi」、社内でLTをする機会があったので使ってみた。いやぁ、これは相当面白いね。 サイトにあるデモを見ればどういう感じかわかると思うけど、ぱっと見ただけではトランジションが風変わりな普通のプレゼンソフトに見える。でもこれ、既存のプレゼンツールからすると、パラダイムがまるで違う。Preziの評価で「スタイリッシュなプレゼンが簡単に作れる」みたいな言い方が多いけど、ぜんぜん違うよコレは。このアイデアは単にカッコイイとかそういうレベルじゃない。 よく会社の会議なんかで、A3 1枚にExcelシート上に描かれた図表をばばーんと印刷して、それを説明するなんて場面があるけど*1、「右上のこれが××なんですが、左下にある……そう、それは○
カゴメのジュースに隠されたメッセージに感動 - エキサイトニュース
「たたんでくれてありがとう」 こんな言葉が目に飛び込んできた。カゴメのジュース『野菜生活』（200ml）を飲み終わり、パッケージをたたんだときのことだ。 写真にあるように、このメッセージはパッケージをたたんでみないと出てこない場所に書いてある。たたんだ人だけに贈られる言葉。なんてステキなんだろう！ なんだか嬉しくて、ほっこりした優しい気持ちになった。 そこで、さっそくカゴメ株式会社の広報部に問い合わせてみた。この企画をした、現・商品企画部長の高野仁さんをはじめ、社員の布川浩一さん、大谷紗貴子さんに取材することに。 まず、このメッセージを入れた経緯をうかがってみると、入れはじめたのは2008年9月頃。 実は、その半年前に商品をリニューアルした際、最初は言葉ではなく、イラストを入れていたんだそう。 「『野菜生活』というブランド性を考えたときに、なにかちょっとした楽しみを提供したいと思い、たたん
「電脳コイル」の世界が近づく--ブラザー、メガネ型ARディスプレイを持ち運び可能に
ブラザー工業は10月20日、メガネ型ディスプレイの電源ボックスを小型化し、持ち運びできるようにしたと発表した。現実の空間に映像を重ね合わせたような形で見られる点が最大の特徴だ。 これは、目に入れても安全な明るさの光を網膜に当て、その光を高速で動かすことで残像を作りあげて映像を見せる「網膜走査ディスプレイ（RID）」という技術を使ったもの。ブラザー工業がプリンタなどのレーザープリンティング技術を開発する中で培った光学システム技術や、インクジェット方式のプリンティング技術で使われている圧電方式（ピエゾ方式）技術などを応用しており、2010年度の事業化を目指している。 最大の特徴は、実際の視野と重ねてRIDの画像を見ることができる点にある。こういった技術はAR（拡張現実）技術と呼ばれて注目されており、アニメ「電脳コイル」などで話題になった。 ブラザーはメガネ型の試作機を2008年11月に開発して
いよいよ実世界にタッチするiPhoneアプリまとめ - A Successful Failure
携帯電話は常に電源が入ったネットワーク接続デバイスであり、常時ユーザが持ち歩くと言う点において、ウェアラブルコンピューティング(Wearable Computing)で語られてきたユースケースを徐々に実現しつつある。特にiPhoneはGPS/コンパス/加速度などの各種センサに加え、アプリケーション開発自由度の高さから、現時点で最も開発アクティビティの高いデバイスであると言える。 本エントリではiPhoneアプリケーションのうち、特に実世界とのインタラクションを有するものについて紹介する。地図と連動して単純に現在位置から最寄りの施設やその施設のクーポン、イベント等を検索して提示するようなアプリ、単に音声を録音したり、音声コマンドを認識して動作するアプリは多く存在するが、本エントリでは扱わない。ここではiPhoneに搭載されているセンサを一工夫して実世界を認識し新たなサービスを提供するアプリに
438 It US | Risks and mistakes that online gamers may have to deal with when they are dealing with online casinos in the United States
Risks and mistakes that online gamers may have to deal with when they are dealing with online casinos in the United States In the United states we all know that a few state may allow online gaming and betting whereas in some area sit is still not legal to play casino online, that is why when you are in need of getting the right games and paly them as per your preferences you must be able to find o
タンジブルユーザインタフェース - Wikipedia
タンジブルの具体例 タンジブルユーザインタフェース（英: tangible user interface）もしくはタンジブル・ビット（英: tangible bits）とは、マサチューセッツ工科大学（MIT）教授石井裕が提唱するユーザインタフェースの形態である。 既存のコンピュータの概念を一新し、形のない情報を直接触れることができる（タンジブル）ようにした、より実体感のあるインタフェースである。 概要[編集] たとえば、何らかの複雑な化学式や数式をキーボードなどの旧来のインタフェースで入力しようとした場合、紙に比べて何倍もの時間を要する。 また、一つのインタフェースで複数の人が同時に作業に参加するなどのことは現状では基本的に不可能である。 このタンジブルはそういった「インタフェースによる制約」を取り払い、人間とコンピュータとの距離をさらに短くするものである。 実例[編集] クリアボード タ
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
HTMLだけでは実現できないドロップダウンチェックリストの作成JavaScript:phpspot開発日誌
jQuery Dropdown Check List HTMLだけでは実現できないドロップダウンチェックリストの作成JavaScript。 複数選択式の選択リストは普通に作成することが出来ますが、チェックボックスを使ったわかりやすいＵＩの実現は難しいですね。 「jQuery Dropdown Check List」ならjQueryプラグインなので、非常に簡単に実現できます。 $("#s6").dropdownchecklist(); のように、１行で初期化できるところも素晴らしいですね。 一昔前にやっていれば、どうやってやってるんだろうと検討もつかなかったと思いますが、進化したものです。 関連エントリ JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
http://e0166nt.com/blog-entry-831.html
85歳母とiPad - さまざまなめりっと
NECの「翻訳メガネ」、互いに母国語での会話が可能に
IDEA * IDEA
