タグ

UIに関するYasuyukiMiuraのブックマーク (21)

  • Framer — The internet is your canvas

    Use powerful yet familiar tools to create your ultimate website design. Import your designs from Figma.

    Framer — The internet is your canvas
  • DrawIt - Bohemian Coding

    main-nav#mobileNavScrolled mobile-nav-focus@window->main-nav#focusTrapActive" >

    DrawIt - Bohemian Coding
  • 高齢者がエアコンを使わなくなる一つの理由、「冷気が嫌いだから」の言葉の裏には

    リモコンの操作ができなくなったことを隠すために「エアコンの風が嫌」と言ってる高齢者もいるってことか...... 家電メーカーは商機じゃね? 多機能よりわかりやすさを謳うエアコンがあってもいいと思う pic.twitter.com/jP3n3AkCpx — Masaki☆ (@masaki_kkmt) 2015, 8月 13 先週の朝日新聞で、「老人の"エアコン嫌い"をそのまま受け取ってはいけない。何割かは、認知症でリモコン操作ができなくなった自分を認めたくなくて"エアコン嫌い"と言っているのだ」という投書が載ってて、そこはかとない悲しみを得た — ちーけん@旅行待ち (@ytsuk_blog) 2015, 8月 17

    高齢者がエアコンを使わなくなる一つの理由、「冷気が嫌いだから」の言葉の裏には
  • 「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type

    モノづくりをテーマに行われた『TechLION vol.18』。登壇者は左から寺薗淳也氏、瀬尾浩二郎氏、増井俊之氏 コンピュータはこの30年、まったく進歩していない――。 有名エンジニアによるトークライブの場としてすっかりおなじみになった『TechLION』の壇上で、慶應大学環境情報学部の増井俊之教授は業界の現状を憂えた。 2014年9月に開催された『vol.18』のテーマは「モノづくり」。小惑星探査機『はやぶさ』プロジェクトチームの一員としても知られる会津大の寺薗淳也准教授、面白法人カヤックから独立しフリーのエンジニア/クリエイティブ・ディレクターとして活躍中の瀬尾浩二郎氏とともに、UI研究の第一人者、増井教授は登壇した。 時々刻々と性能が上がっているように見えるコンピュータ(編集部注:増井氏の発言では「計算機」)が、30年にわたってまったく進歩していないと指摘する増井氏の真意とは? 『

    「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type
  • Pttrns — Mobile User Interface Patterns

    Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save

    Pttrns — Mobile User Interface Patterns
  • ユーザーテストサービスのUIscope | UIscope

    ユーザーがどのようにサービスを使っているのか。 利用シーンが最短1日で届く、 ユーザーテストサービス。 いますぐ無料で試してみる UIscope とは? 「高品質なユーザーテストを 最も安く・早く・簡単に」 ユーザーがサービスを使っている様子を 動画形式でお届けする、 ユーザーテストサービスです。 ユーザーテストとは

    ユーザーテストサービスのUIscope | UIscope
  • 小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ

    ビスケットは,開発して新しい機能を追加したときなど,必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます(最近はその暇が無くて他人に任せていたりして,かなりまずいんですが).3年前くらいの面白いエピソードをご紹介しましょう. ちょうど,Androidタブレットで動くビスケットを開発していて(これはまた一般には配布していません.実験環境だけです),それがどのように子どもたちに使われるか見に行きました.僕としても指で直接操作するタブレットのUIの開発は初めてで.実は,マウスとタッチペンの操作は結構似ています.どちらも,非常に小さいエリアを結構正確にポイントできて,ドラッグもできますから.どちらかというと,ペンの方がドラッグが得意でしたね.小さい子はマウスクリックが全然出来ないとか(ボタンを押すときに指先だけ押すということができないので,手を握ってしまって,その結果マウ

    小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
  • 【グロースハック永久保存版!!】20のケーススタディから学ぶ、必ず押さえておきたいUI/UX改善の7つのポイント | GROWTH HACK BLOG(グロースハックブログ) by KAIZEN platform

    【グロースハック永久保存版!!】20のケーススタディから学ぶ、必ず押さえておきたいUI/UX改善の7つのポイント 『A/BテストやサイトのUI/UX改善を実施するにあたり、どのポイントから、どうやって改善案を考えて行けばよいのか』 ABテストのプランニングをお手伝いしている中で、現場担当者の方々からこのような相談を良く受ける事があります。 今回は、こういった声に応えるべく、国内外のイケてるWebサービス、および弊社サービスであるplanBCDクライアント様の事例からピックアップした、“20のケーススタディ”を用いて、必ず押さえておきたいUI/UXの7つのポイントをご紹介していきます。 7つのチェックポイント ファーストビュー アクションボタン ページ遷移 / 入力項目 キャッチコピー キーワード コンテンツ レイアウト 今回は上記の7つの改善ポイントを紹介していきます。 「A/Bテストを実

    【グロースハック永久保存版!!】20のケーススタディから学ぶ、必ず押さえておきたいUI/UX改善の7つのポイント | GROWTH HACK BLOG(グロースハックブログ) by KAIZEN platform
  • Oculus

  • APP|Leap Motion

    Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardware… Say hello to human technology. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.

    APP|Leap Motion
  • スマホUI考(番外編) UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict

    いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か? ビッグオー駆動開発は、正式には『OKAN Driven Development(オカン駆動型開発)』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト

  • UIの改悪がUXを改善させる場合 - A Successful Failure

    2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UIGood UX UIUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXUIの違い」というエントリにおいてコーンフレークの例を元にUIUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている(次の写真は当該エントリからの引用)。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、当にこのATMUIは素晴らしいのかという疑問が残る。つまり「Good UIGo

  • メタファーが思い浮かばないものは陳腐化した概念なのかもしれない - Nothing ventured, nothing gained.

    「文書保存のあのマークは何なの?」の時代へ。思考が停止してしまったUIデザイン (神田 敏晶) - 個人 - Yahoo!ニュース 保存アイコンがフロッピーディスクをメタファーとしていることに違和感を抱く人は多い。いや、違和感ではなく、そもそもこのアイコンが何に由来するか、まったくわからないという人も増えてきているはずだ。 スマートフォンで電話をかけるときにタッチするアイコンもアナログ電話の受話器マークだったりする。 「活気的な新たなメタファーを伝える時には、古いメタファーを再定義し、アナロジーを駆使」しなければならないと神田さんは言う*1。 神田さんの記事だけでなく、ネット上でたまに出る話題だ。 では、代わりにどのようなアイコンが良いのか。いろいろとアイデアはあるようだ。また、フロッピーディスクを知らなくとも、すでに多くのソフトウェアで使われており、市民権を得ているから変更する必要はない

    メタファーが思い浮かばないものは陳腐化した概念なのかもしれない - Nothing ventured, nothing gained.
  • 私がWindows 8を愛用する理由 | DevelopersIO

    最近、自宅と会社のPCWindows 8 にアップデートしました。Windows 8 の新機能をまとめた記事はもうたくさんあると思いますので、 今更ですがデスクトップ周りで実際使ってみて改善されているなと思った点を書いていきます。 スタートスクリーンが便利です。 スタートスクリーンに関しては賛否両論あるとは思いますが、個人的には使いやすくなったと思います。 最初の状態だと私的には使わないアプリ多く表示されていたため、使いづらいなーと思っていたのですが、それらを非表示にするなど整理したところかなり使いやすくなりました。 フォルダやファイル、コントロールパネルやサービスなどのショートカットも置いておけるのがいいですね。数が増えた場合は横にスクロールさせますがホイールで移動できます。 タイルの間隔を開けることもできるので、アプリをグループ毎にまとめています。 スタートボタンを復活させるアプリな

    YasuyukiMiura
    YasuyukiMiura 2012/11/20
    ファイルのコピーがよさげ。他のインタフェースもパワーアップしてるように見える。
  • 写真が語るUXとUIの違い - Nothing ventured, nothing gained.

    Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXUIの違いを説明しよう。 UX(ユーザーエクスペリエンス)は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい

  • UX/UIデザインガイドライン : 小野和俊のブログ

    このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな?」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M

    UX/UIデザインガイドライン : 小野和俊のブログ
  • デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo

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

  • エンジニアにもわかる「ユーザーインターフェース設計」

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな

    エンジニアにもわかる「ユーザーインターフェース設計」
  • 機能やボタンが多すぎ!! 使いにくいUIのデジタル家電が発売されてしまう本当の理由 - キャズムを超えろ!

    一昨日メディアの方とランチしながらふと話題になったのが「今の家電メーカー製デジタル家電って機能ありすぎてわかんないよね」という話で、先に書いたRSSリーダーの話にも通じる。 まったくもってその通りなんだが、じゃぁ「なぜ・どうしてそうなっちゃったの?」を紐解くと、わりとシュールな要因が浮かんでくる。 ズバリ言ってしまうと既存機能に上乗せする企画は通すのが簡単だし、リスクが少ないからだ。多少使いにくくてもそれが売れない決定的理由にはなりづらいことから、(売れなかったときの)責任を問われる立案者・決裁者ともに「多少複雑になってもかまわず機能を上積みしていくこと」は保身のためを考えるとリスクが少ない手法というわけだ。逆に削ることは、安定した大企業の会社員としてはものすごい勇気がいる。下手すりゃ前モデルで20%あったシェアが5%とかに落ちてしまう可能性も高いわけで、そんな企画を立案した者(担当者)・

    機能やボタンが多すぎ!! 使いにくいUIのデジタル家電が発売されてしまう本当の理由 - キャズムを超えろ!
  • ユーザビリティの大切さに気づいてもらう - inucaraの日記

    こないだの「インターネットってどういう仕組みで動いているの?」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。 想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。 ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。 じゃあ、さっそく始める! ユーザビリティって何? まず始めに、みんなは「ユーザビリティ」って言葉は聞いたことあるかな? 日語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、っ

    ユーザビリティの大切さに気づいてもらう - inucaraの日記