[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

uiに関するKanasansoftのブックマーク (33)

  • 「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ

    2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない!」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが当に望んでいることは異なります。「UXデザインUXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less

    「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
    Kanasansoft
    Kanasansoft 2022/09/15
    ウェビナーのスライドって書いてあるのにテキストでって。文字だらけの発表スライドなんてダメ資料の典型例だろうに。スライドの目次の有無は目的による。先をあえて読めないようにする時は目次なしが有効。
  • ぼくたちのかんがえたさいきょうのi18n国家

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 記事は下記のtweetから始まるスレッドに触発され、@qnighyや@na4zagin3からアイディアを拝借して書いた。 i18n力が最強の国は国内に複数の言語があり、そのうちいくつかは他国でも使われている言語の方言で、1バイト文字での代替表記が困難で、歴史的にISO-2022ベースの文字コードとUnicodeと独自エンコーディングが混在していて、フリガナなどの特殊な組版規則があり、右書き左書き縦書きを併用し、 — Masaki Hara (@qnighy) 2018年8月6日 皆さんのおかげで最強のi18n国家が建設されつつある。一

    ぼくたちのかんがえたさいきょうのi18n国家
    Kanasansoft
    Kanasansoft 2018/08/07
    i18n(国際化)に関する数々の知見。|生まれた日が曖昧なことがあるので厳格な誕生日の入力や変更に関しても。|i18n関係ないけど血液型の稀血。
  • なぜ Web Components はウェブ開発に革命を起こすのか

    ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか?この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか?レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH

    なぜ Web Components はウェブ開発に革命を起こすのか
  • (いわゆる)パララックス演出手法とそのバリエーションについて | nodot

    (いわゆる)パララックス手法が大流行である。理由の一つにはある種の快感の存在があると思われる。ウェブページ閲覧の際の最も主要な操作である縦方向のページスクロール。この操作に連動した動き、想定外ではあるものの、スクロールとの相関によりあくまで自分が操作している感覚が得られ、こちらの渡邉恵太氏の記事にもあるような自己帰属感を得られる。これが快感の正体ではないかと考える。 (快感なんかなくね? という意見があったので追記) 簡単に言えば、来マウスを触ってカーソルが動くだけでも面白くて身体拡張感覚由来の快感があったのである。しかし慣れることによって、ホイールを回して画面がスクロールすることはもはや当たり前すぎて身体拡張感覚など得られなくなっている。しかしデフォルトの挙動以外に新たなインタラクションを導入することでこれを再び感じられる。つまり言いたいことは「インタラクションは気持ちいい」ということ

  • JavaScriptでLeapMotionアプリを作る方法

    こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ

    JavaScriptでLeapMotionアプリを作る方法
    Kanasansoft
    Kanasansoft 2013/07/29
    『いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。』
  • LEAP Motion とブラウザを WebSocket で接続する - latest log

    既に LEAP Motion を手に入れている人にはお馴染みかと思いますが、 JavaScript だけで、LEAP Motion を使いブラウザを操作することが可能です。 実際にChrome拡張で実装してみました (ε・◇・)з o O ( 未来キタ

    LEAP Motion とブラウザを WebSocket で接続する - latest log
    Kanasansoft
    Kanasansoft 2013/07/29
    『既に LEAP Motion を手に入れている人にはお馴染みかと思いますが、JavaScript だけで、LEAP Motion を使いブラウザを操作することが可能です。』
  • PowerLineがかっこよすぎる - $web->{note};

    http://www.emacswiki.org/emacs-en/PowerLine こういうのが欲しかった。ごちゃごちゃして見にくかったモードラインがスッキリ!しかもかっこいい! (元ネタはVimらしい。) powerline.el はカスタマイズするのが大変そうだったのでwikiのsnippetを自分好みに修正してみた。 と言っても色をテーマに合わせたのと %Z と %* を追加しただけ。この二つはあった方が便利なので。 %z The mnemonics of keyboard, terminal, and buffer coding systems. %Z Like ‘%z’, but including the end-of-line format. %* ‘%’ if the buffer is read only (see buffer-read-only); ‘*’ if

    PowerLineがかっこよすぎる - $web->{note};
  • KLab iPhoroid UI 発表!〜AndroidでリッチなUIを簡単に〜

    umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか?」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか? Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理

  • より本に近く、それ以上に使いやすい電子書籍の新インターフェース:小太郎ぶろぐ

    いくらタブレットで読む電子書籍が便利とはいっても、まだまだの方が扱いやすくて見やすいという人は多いはず。 そんな不満を解消するため、よりに近い扱い方ができるように考え出された、電子書籍の新インターフェースのデモ映像。 をパラパラめくるのも、角をめくって目的のページを探すのも、に近い操作感覚。 さらに、3枚ずつ、4枚ずつめくるのもマルチタッチで調整可能で、ジェスチャー機能でページ数を書けばそのページへひとっ飛び。 に近く、さらに便利に。

    Kanasansoft
    Kanasansoft 2012/01/16
    やっぱり、これくらいできないと物理的な本の代替にはならないよね。
  • 新宿到着。トイレどこか分からんわ! これ作ったやつマジくたばれ。... on Twitpic

    新宿到着。トイレどこか分からんわ! これ作ったやつマジくたばれ。

    Kanasansoft
    Kanasansoft 2011/09/07
    このデザインは酷すぎるな...。
  • プログラマとデザイナが共有すべきUIに関するAndroidの10の機能

    1. プログラマとデザイナが共有すべき UIに関するAndroidの10の機能 ちょっと文字多いので 読みにくくてすいません @youten_redo(ようてん) 2011.08.19 2. はじめに  意外(?)と、プログラマにとって嬉しい形式で画像素材が提 供されることはありません。  不向きな画像でがんばると、結果としてメンテナンス性・拡張 性がよろしくないコードが出来上がります。  なぜ? 1. プログラマの画面の作り方と、デザイナの画面の作り方は違う 2. デザイナはプログラマの画面の作り方は知らない  デザイナ→プログラマという成果物の流れを考えると、プログ ラマが「適切に要求仕様を提示する」ことが必要です。 2 3. UIに関するAndroidの10機能  プログラマは当然抑えておきたい  デザイナもさらっとは理解しておきたい  できればプログラマがデザイナに説

    プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
  • Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - outsider reflex

    Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « Fox Splitterを作りなおした Main ジム通いを始めた » Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - Jun 30, 2011 あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox

  • デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo

    iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間(コスト)が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities+IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidUIルールを紹介します。

  • 目が見えない人のためのスマートフォンは、デザインも機能もファンタスティック!

    いやはやスゴイ携帯の登場です。このシンプルでスタイリッシュなデザインの携帯電話は、目が見えない人のためのスマートフォンなのです。 デザインは、韓国のデザイナーYoungseong KimとEunsol Yeom によるもので、韓国語で「見ること」という意味の「VOIM」と名付けられました。視覚障害者のコミュニケーションを、より便利に、豊かに、円滑にするためのデザインです。 前面は全面シリコンパネル、裏面にはカメラとイヤーピースがあるだけのシンプルさですが、その機能は多彩です。のっぺりとしたシリコンパネルには、ユーザーに何かを伝える時に点字を浮かび上がらせることができます。カメラで文字を読み込めば、その情報をBluetoothを使ってイヤーピースから音声として出力することもできますし、カメラを前にして首から「VOIM」を下げて歩けば、前方にある物体を認識して音声で知らせることもできます。 デ

    目が見えない人のためのスマートフォンは、デザインも機能もファンタスティック!
    Kanasansoft
    Kanasansoft 2011/01/10
    万人向けではないのでユニバーサルデザインじゃなくバリアフリー。コンセプトは良いと思うけど、ある層に特化した製品は、大量生産によるコストダウンの恩恵がえられないので高価になるんじゃないかなぁ...。
  • 画面レイアウトを行うときに便利なツール « Elegant Apps Developers

    こんにちは。BoltzEngine 担当の伊藤です。 Windows 10 の最新版、April 2018 Update (バージョン1803、ビルド17134.1) が配信されました。このアップデートで、Windows 10 の Microsoft Edge でもウェブプッシュが使えるようになりました。 これまで Chrome や Firefox を別途導入する必要がありましたが、標準の Edge だけでプッシュ通知が実現できるようになったので、今後より利用しやすくなりました。 こんにちは! 島根支社でウェブエンジニアをしているカナツです。 GW も終わり、現実と向き合う日々に引き戻されたみなさま、いかがお過ごしでしょうか。 次の大型連休は島根観光をオススメします。自然が豊かすぎる島根で非日常的な日々を過ごしたくないですか? 前置きはさておき、みなさん、チーム開発時のソースコード管理って

  • マウスジェスチャーだけで Twitter や Facebook に瞬間シェアできる Cortex | Lifehacking.jp

    どれくらい速いって、この記事の表題を読み上げるよりも、ずっと速くです。 iPhoneiPad の操作感がデスクトップアプリのルック&フィールも変えつつあることを、新しい Twitter.com のインターフェースなどを触っていると感じずにはいられないのですが、これまた直感的な UI をもった拡張機能、Cortex が登場しています。 Mashable! の記事によれば、Cortex はツイッターや Facebookに対して数秒でサイトを共有できる Chrome 拡張機能で、シェアしたいページやリンク上でマウスを1秒程度押し下げるだけでリング上のインターフェースが表示され、望みのサービスに共有することができます。 試してみたところ、まだまだサイトの認識に問題があるらしく、https で始まるサイトや、ブログの一部ではリンクに反応しないなどの不具合がありました。 でも反応が返ってくるサイ

    マウスジェスチャーだけで Twitter や Facebook に瞬間シェアできる Cortex | Lifehacking.jp
  • WAI-ARIA導入(日本語訳) - Trans

    著者: Gez Lemon件名: Introduction to WAI ARIA日付: 2008年8月1日URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIA導入 ARIAにはじめて触れる人たちのためにこの記事は書かれている。障害を持つ人たちがWebを使うにあたってぶつかる潜在的な難しさとHTMLの理解を必要とする。ユーザを観察すると、いくつかのRIAと親和性が高いことが分かるだろう。 この記事を読んだあと、ARIAが何の役に立つか、Webサイトにど

    WAI-ARIA導入(日本語訳) - Trans
  • 視覚障害者にもやさしい iPad

    [VoiceOver – 音声インターフェイス] 視覚障害者によって書かれた iPad レビューが興味深い。 Associated Content: “iPad Review: From a Blindness Perspective” by Waldorf PC: 04 April 2010 *     *     * 視覚障害者の iPad レビュー iPad がいかにすばらしいかみんなが話題にしている。視覚障害者のわれわれもその例外ではない。なぜならアップルがすべての製品でアクセシビリティを可能にするよう取り組んでくれたおかげだ。そのおかげでわれわれ視覚障害者もホットでクールな話題を健常者と同じように楽しむことができる。・・・アップルに心から感謝したい。我々は暗闇に置き去りにされ、長い時間待たないとクールなガジェットを利用できず、手にしたときはもはやクールではなくなっていた。アップル

    視覚障害者にもやさしい iPad
  • Mac用「BumpTop」登場、散らかったデスクトップを3D空間で整理! | パソコン | マイコミジャーナル

    3D空間のデスクトップでファイルや情報を整理・管理できる「BumpTop」のMac版が20日(米国時間)にリリースされた。フル機能版のBumpTop Pro for Mac(29ドル)のほか、基機能のみのベーシック版(無料)が用意されている。 毎日パソコンを使っていると、作業中のファイルや書きかけのメモなどでデスクトップがごちゃごちゃになってしまう。物の机の上(デスクトップ)なら、書類を積み重ねてスペースを作れるが、パソコンのデスクトップではフォルダ分けして分類できるぐらい。しかも、フォルダに入れてしまうとファイルが目につかなくなってしまう。そこでパソコンのデスクトップでも物の机の上と同様に、ファイルを積み重ねたり、メモを壁に貼り付けたりして整理できるようにするのがBumpTopだ。昨年春にリリースされたWindows版に続く、待望のMac版の公開となった。 BumpTop for

    Kanasansoft
    Kanasansoft 2010/01/22
    まさかMac版が出るとは思わなかった。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知