連載2回目となる今回は、WebページにおけるスクロールとページングのUIを取り上げます。ユーザに最高のUX（User Experience）を提供するためにフロントエンドのUI（User Interface）設計は欠かせません。エンジニア観点から見たUI設計思想について語りたいと思います。 UIの基礎知識 最適なUIというものは、表示するデータの性質や利用者の使い方、使用しているデバイス、慣れによって変化していきます。 「万人にとって普遍的で、そこそこ使いやすいUI」を目指すべきなのか、あるいは、「一部の人にとって最高に使いやすいUI」を目指すべきなのか。UIを設計する人それぞれでポリシーは異なるでしょう。 誰でもそこそこ迷わずに使える優等生的デザイン。最初はとっつきにくくても、慣れれば最速で使える奇抜なデザイン……。一口にWebページのUIと言っても多種多様です。 たまにしか使わないサ
UXとか難しいことはよくわかんないですが こんにちわ！@ampersand_xyzです。UXとかUIデザインとか、かしこさが低いので小難しいことはわからないですが、個人的にかつ主観バリバリで「イヤだな」って思うことはわかる！ 飛行機やホテルの予約などで、ちょいちょいお問い合わせフォームや予約フォームを使うのだけど、その時に思わずイラッとしちゃうようなフォームの要素を思い出してまとめてみました。 （1）要件的に適切でなさそうな必須項目が多い 名前や返信先などの情報が必須になるのはそれはもちろん構わないけれども、 所属部署名、とか、業種、とかそういうのが必須の場合。 もちろん、問い合わせる先やその内容によって、 例えば、保険等に関する問い合わせだと業種によって契約の内容が違ってきたりするので必須になるのは頷けるけれども、これが食べ物の通販の問い合わせフォームとかで必須だったら「？」って感じる。
かつてセガのドリームキャストがモデムを標準装備し、オンラインに接続できるゲームハードとして登場した時は、ゲーム業界が震撼しました。それから月日が経ち、今や据え置きハードどころか、携帯ハードに至るまでゲーム機がオンラインに接続できるのは当たり前になってしまいました。 ゲームがオンラインに接続できるようになって便利になったこと、面白くなったことがいくつもあります。対戦プレイや協力プレイは言うに及ばず、体験版はダウンロードが当たり前、なんなら映画だってオンデマンドで鑑賞できます。 でも、便利になった分、複雑になりました。そして、面倒になりました。その1つがアップデートです。今回はタイトルにある「ゲームのアップデートがめんどくさい」と、ただそれだけが言いたい記事です。 面倒なんです、遊ぶ気が削がれるんです、どうにかなりませんか、便利なところだけ享受して面倒なところはやりたくないんです。身も蓋もあり
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ！ 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置（Y）を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい！ 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします！ GIFs: 3D pictures become possible with two straight lines
iPhoneといえばスマートフォンの代名詞的な存在で老若男女に広く使われていますが、アルファベットを入力する際に使用するQWERTY配列のキーボードで文字を入力する際は、画面のサイズ上どうしてもキーが小さくなってしまい多少の不便を感じてしまうものです。Bluetoothキーボードを使えばそういった問題を解決できますが、文字入力のためだけにiPhone本体よりも大きなキーボードを持ち歩くというのは面倒でもあります。そんな時に役立ちそうなのが、iPhoneで紙に印刷したキーボードを使えるようにしてくれるアプリ「Paper Keyboard」で、紙製のキーボードなので持ち歩きする際に不便に感じることもなく、どこでも新しいキーボードを印刷可能なので使い勝手も抜群です。 Paper Keyboard: Typing on a real piece of paper on the App Store
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
UI研究者 増井俊之 1959年生まれ。54歳。慶應義塾大学環境情報学部教授。東京大学大学院修士課程卒業後、富士通、シャープ、ソニーコンピュータサイエンス研究所、産業技術総合研究所を経て、2006年から2008年まで米AppleでiPhoneの日本語入力方式の開発に従事。2008年より慶應義塾大学。 慶應義塾大学SFC（湘南藤沢キャンパス）にある増井俊之の研究室は、混沌とした楽しさが感じられる場だった。まず、ドアの開閉の方法からして違う。「NFC対応のスマートフォンをかざして回す」操作で解錠する仕組みが作り込まれている。ドア解錠の機構から伸びるケーブルの先には、ガジェット作りでは定番のマイコンボード「Arduino」がある。ユーザインタフェース研究者である増井の研究成果をドア解錠の機構に組み込んでいるのだ。 研究室の入り口には、研究室メンバーが「ニコニコ学会」で大賞を獲得したときの副賞のだ
文字入力の新しいカタチ。スワイプよりも高速に入力できる｢ドリフト｣とは？（動画あり）2013.10.02 20:20 スワイプ入力の進化系。 はじめてタッチスクリーンのiPhoneを手にしたとき、文字入力にひどく戸惑いました。スワイプ入力という画期的な方法を知ることでその悩みは解消されたのですが、未だ満足な方法が見つかっていないのがタブレットの文字入力。PCのようなタイピングだとやっぱり不便だし、かといってスワイプするには端末が大きすぎる。なんとかいい方法はないものかと思っていたところ、かなり期待できそうな文字入力方法が開発されていたことが分かりました。その名も｢ドリフト｣。タッチセンサーと加速度センサーを上手く活用したタブレット用の新たな文字入力方法です。 動画を見た印象だとタイピングとスワイプを組み合わせた感じがします。実はこの｢ドリフト｣を開発したのはスワイプの共同創設者であるRan
タップすると、びよ〜んと弾んでナビゲーションが表示されるタブレット・スマフォ向けに実装してみたいナビゲーションを紹介します。 Bounce Menu 左下をタップで動作します。 実装はこんな感じです。 HTML <div class="device"> <div class="screen"> <div class="menu"> <ul> <li class="lock"><a href="">Lock</a></li> <li class="share"><a href="">Share</a></li> <li class="download"><a href="">Download</a></li> </ul> </div> <div class="toggle"> <div class="x"></div> <div class="y"></div> </div> <div cl
２日ほど前のことだ。実家に帰るため、電車のプラットホームにいた。電車の前の方にいこうと思って、移動していた１０秒ほどの間にそれを見た。 ７０歳くらいのおばあさんだった。カバンから取出したペットボトルの蓋を開けようとしている。でも、開かない。僕の目の前で３回くらい、ペットボトルの蓋を開けようとして、でも力がないからか、結局開けられず、諦めたようだった。 一度はそのおばあさんの横を通り過ぎたのだが、なんとはなしに戻ってみて、「開けましょうか？」と声をかけたら、「お願いします」と言われたので、開けてあげた。ただそれだけの行為なのだが、おばあさんは満面の笑みを浮かべてお礼を言ってくれた。 何故、「開けましょうか？」と声をかけたのか、というと、半年ほど前に、８０歳くらいのおばあさんが書いた本を読んでいて、その中で、「６０歳を過ぎたら、握力が極端に落ちてしまうの」ということが書かれたいたことを、その時
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
フラットなデザインに限らず、トレンドを知り学ぶことは大切です。 フラットなデザインの良い面・悪い面を知り、どのようなプロジェクトに使うとより効果的か学んでみましょう。 Pros and Cons of Flat Design 下記は各ポイントを意訳したものです。 はじめに フラットなデザインは、最近のデザインの中で大きな流れであることは否定できません。確かに至るところで見かけます。 このフラットなスタイルは、デザインコミュニティでその正当性とスタイルの適用について激しく議論がされてきました。ここでは、そのフラットなスタイルの良い面と悪い面の両方を見てみましょう。 良い面：フラットなデザインはトレンド フラットなデザインは非常にトレンドです、しかしこのトレンドはいつまで続くでしょうか？ もしトレンドに乗るなら、今がこのフラットなデザインを実行する時です。プロジェクトでフラットなデザインを取り
ソリッドなライン、磨りガラスのようなパネル、落ち着いたパステル調のカラースキームなど、iOS7のヴィジュアルガイドラインに基づいた美しいUIコンポーネントのPSD素材を紹介します。
【これはとてもひねくれた文章なので、「実用的な情報を速やかに収拾したい忙しいビジネス・パーソン」は読まないほうがいい。警告はした】 【役立つ部分をさくっと読みたい方はシンプル版を用意しました】 fladdict氏の『スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する』は素晴らしい記事だ。 その記事のコメント欄でのやりとりが気になった。 【某氏】 先生！ 設定画面で全てのUI機能要素を ON/OFFしたり、configファイルの編集でボタンのレイアウトを変更できれば良いと思います！ 【fladdict氏】 その思想をつきつめると、設定オンオフで音楽プレイヤーからFacebook閲覧までユーザーが自在に切り替えられる万能アプリへの道に進むのです・・・ 【某氏】 やりたいことが何でもできる万能アプリの複雑性と、デフォルト設定のシンプルさは両立しますからね。初めて
The Polaris Dawn crew is back on Earth after a historic mission
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く