タグ

UIに関するmedihenのブックマーク (12)

  • アフタヌーン作品の映像化と多様性問題|アフタヌーン編集部

    noteの更新が少々滞りました。理由がありまして、大仰に言うとアフタヌーン編集部の労務状況改善の余波です。僕はデジタル全般に弱く、noteに文章をアップするなんて自分じゃできません。なので、ワープロで文章を書いてアフタヌーン編集部のNという若手にメールで送って、アップする作業をお願いしていました。そのNの3月の総労働時間が少々長いという報告が来て、Nに「何が負担になってる?」と尋ねたところ、「●●が大変だけど、あとはnoteだよ!」とキレられました。も、申し訳ない。やり方を習うことにして、Nをnoteアップ係から外すということをしておりましたら更新が滞ったという次第です。 さて、早いものでゴールデンウィークです。お伝えしているように4月期はアフタヌーン作品の映像化ラッシュ! アニメ『天国大魔境』、アニメ『スキップとローファー』、ドラマ『おとなりに銀河』、アニメ『おとなりに銀河』、ドラマ『波

    アフタヌーン作品の映像化と多様性問題|アフタヌーン編集部
    medihen
    medihen 2023/05/01
    "僕はデジタル全般に弱く、noteに文章をアップするなんて自分じゃできません" ← でも、ワープロで文章書いてメールで送れるわけで、「デジタル全般に弱い」という意味がわからない。
  • 松屋の券売機が「最悪のUI」「使いにく過ぎる」と話題に 松屋に見解を聞いてみるも「回答は難しい」

    チェーンの「松屋」で使用されている券売機に、「最悪のUI」「触れる者全員に困惑を与える」など不満の声が集まっています。この件について松屋に取材を試みましたが、「回答は難しい」として回答は得られませんでした 2021年ごろから縦長画面の券売機が登場していましたが、最近になり新型券売機が登場。この新型の券売機が、特に使いにくいと話題になっています。 不満の内容は多岐にわたり、商品の宣伝のような大きなバナーが邪魔、「全取消」ボタンが間違えて押してしまいそうな位置にある、「ご一緒にいかがですか?」に表示されたサラダを購入するとサラダが2つになるケースがある、ボタンの配置がバラバラ過ぎるなどさまざま。 1つ1つの不備はそこまででもないのかもしれませんが、それらが積もり積もって全体として「使いにくい」と感じさせる要因になっているようです。中には、「わざと使いにくくしてモバイルオーダーにシフトさせた

    松屋の券売機が「最悪のUI」「使いにく過ぎる」と話題に 松屋に見解を聞いてみるも「回答は難しい」
    medihen
    medihen 2023/04/28
    コスト下げようと考えてイマイチなパッケージを担いだ説に一票
  • JRの券売機のUIは使いにくい→目的地ではなく席の種類をまず選ばせるの慌ててたらパニックになる

    *アノマテカ* @hoshikuzucake 偏見かもしれないけど公共交通機関ってこういうとこあるよな、と思う。JRに限らず鉄道会社で「切符の買い方」みたいな基的な情報がホームページのどこに書かれてるかわかりやすいとこってぜんぜんない。海外から来る人とか困ったりしないのかな? twitter.com/akita11/status… 2023-02-10 23:53:07 *アノマテカ* @hoshikuzucake 自分は身体に障害があるし遠距離恋愛してたから、デート(という名の旅行)の予定を立てたら事前に行く場所の公共交通機関をよく調べたけど、バスも前払いなのか後払いなのか、前の扉から乗るのか後ろの扉から乗るのかも、ホームページのすごくわかりにくいところに書いてあるか最悪書いてなかったりした 2023-02-10 23:56:44

    JRの券売機のUIは使いにくい→目的地ではなく席の種類をまず選ばせるの慌ててたらパニックになる
    medihen
    medihen 2023/02/12
    ブコメの「有人窓口での購入と同じ流れ」「マルスのシステム流用」を読んで、ははーん、となった。
  • こういう本を待っていた! WebのUXを改善するライティングに特化された解説書 -Webコピーライティングの新常識「ザ・マイクロコピー」

    マイクロコピーとは、Webサイトやスマホアプリのボタンのラベル、ボタンやフォームに添えるテキスト、エラーメッセージなどのUIデザインに使用される短いテキストのことです。優れたマイクロコピーを使用することで、入力ミスが少なくなったり、ボタンのクリック率があがったり、さまざまな効果を得られます。 思わずクリックしたくなるタイトル、迷わずクリックできるボタンなど見かけませんか? ボタンに書かれているラベル、ボタンに添えられたテキスト、これらに使われる文言はほんの少し工夫を加えるだけで、劇的な効果を発揮します。 WebサイトやスマホアプリのUIで使用する文言、ライティングのテクニックを身につけたい人にお勧めします。書は「ザ・マイクロコピー(紹介記事)」の第2版で、内容は大幅にアップデートされています。 UIデザインで使用する言葉、ボタン、フォーム、ナビゲーションに使用する文言など、言葉の魅力でU

    こういう本を待っていた! WebのUXを改善するライティングに特化された解説書 -Webコピーライティングの新常識「ザ・マイクロコピー」
    medihen
    medihen 2022/05/20
    これは実用的かも → "UIデザインで使用する言葉、ボタン、フォーム、ナビゲーションに使用する文言など、言葉の魅力でUXを改善するためのライティングについて詳しく解説"
  • エモーショナルUIデザイン|kana

    はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そんな中で個人的に大切にしてきた価値観として、「ユーザーの気持ちを考えて、その気持ちに寄り添った情緒的なUIをデザインする」ということがあります。今回、この記事を書いているのは、その意味や意図を言語化して再利用可能なものにしたいと思ったことがきっかけです。考えながら書いているため、何度かのシリーズになるかもしれません。また、このテーマについて様々な方と対話ができたらいいなとも思っていますので、興味を

    エモーショナルUIデザイン|kana
    medihen
    medihen 2022/05/09
    Webデザインの快不快は(身体性に拘束される物理的デザインと違って)使用状況やユーザのバックグラウンドの影響が大きそう。本能・行動・内省の一次元だけではなく、もう一次元足した二次元モデルを考えてみては。
  • 2021年、最も注目されたUIデザインのテクニックのまとめ

    デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行

    2021年、最も注目されたUIデザインのテクニックのまとめ
    medihen
    medihen 2021/12/22
    UXを改善するためのUIデザインtips。
  • 【商用可&無料】2021年上半期ベスト英語・日本語フリーフォント厳選85個まとめ

    当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2021年上半期にリリースされた、商用利用でも使える完全無料の英語・日語フリーフォントをまとめてご紹介します。 2021年上半期は、特に数多くの日語フリーフォントが公開され、おしゃれな英語フリーフォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど幅広いカテゴリよりフリーフォント素材85個を厳選しています。 コンテンツ目次 1. 日フォント 2. 万能フォント 3. サンセリフ書体 4. セリフ書体 5. 筆記体 6. 手書き、ブラシフォント 7. レトロ、ヴィンテージフォント 8. ディスプレイ書体 9. これまでの歴代ベストフォント語フリーフォント 無料で商用利用できる日語フリーフォント、17書体をまとめています。 漢字も利用

    【商用可&無料】2021年上半期ベスト英語・日本語フリーフォント厳選85個まとめ
  • クリエイターを科学するミライの左手デバイス「Orbital2(オービタルツー)」| BRAIN MAGIC

    倒して回すだけで、パラメータ調整をよりスピーディーに Orbital Engine(オービタルエンジン) オービタルエンジンは、ボリューム調整やパラメーターの調整が得意なインターフェースです。 「倒す」「回す」「押す」の3つの動作を組み合わせることにより、複数のパラメーター調整をシームレスに実現するインターフェースで、最大8つのダイヤルとスイッチ機能が登録可能です。 オービタルエンジンモードは、ジョイスティックを倒す方向によって各機能を選択し、ダイヤルを左右に回すことで機能を実行します。ジョイスティックモードは、倒された瞬間に機能が実行されます。

    クリエイターを科学するミライの左手デバイス「Orbital2(オービタルツー)」| BRAIN MAGIC
    medihen
    medihen 2021/06/14
    シフトレバーが懐かしい世代に刺さりそうなカッチョよさ。これ、操作感がカコカコしてるのなら素晴らしい。クリエイターとは縁遠い単なるPCユーザでも欲しくなってしまうけど、35,200円(amazon価格)はお高いな。
  • [速報]Google、目の前に相手が実在するかのような「Project Starline」発表。精細な3Dモデルのリアルタイム伝送と裸眼立体視で、Google I/O 2021

    Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、同社が開発中の先進的なオンラインコミュニケーションシステム「Project Starline」を発表しました。 Imagine a magic window, and through that window you see another person, life-size and in three dimensions. Project Starline is a technology project that combines advances in hardware and software to help people feel like they're together, even when they're apart. #GoogleIO pic.twitter.com/2yNJrX

    [速報]Google、目の前に相手が実在するかのような「Project Starline」発表。精細な3Dモデルのリアルタイム伝送と裸眼立体視で、Google I/O 2021
    medihen
    medihen 2021/05/19
    これが気になる。→"画期的なライトフィールドディスプレイ(見る位置に応じた物体からの反射光を再現することによって、裸眼立体視を可能にするディスプレイ)で投影"
  • 【レビュー】 夢の「音声自動書き起こし」はもうすぐ実現!? Microsoftの「Video Indexer」を試す ~動画・録音の音声を自動でテキスト化し翻訳も

    【レビュー】 夢の「音声自動書き起こし」はもうすぐ実現!? Microsoftの「Video Indexer」を試す ~動画・録音の音声を自動でテキスト化し翻訳も
    medihen
    medihen 2017/12/13
    2020年代には普通に使われるようになりそう。→"これだけの書き起こしが、「データを流しただけ」で、今でもできる、と思うとなかなかに衝撃的"
  • 日本人の7割が「人前で音声検索、恥ずかしい」

    人の7割が「人前で音声検索をするのは恥ずかしい」――KDDIの調査でそんな結果が出た。音声操作は、日人には“抵抗”もあるようだが、スマートスピーカーの登場で普及につながる可能性も。 日人の7割が「人前で音声検索をするのは恥ずかしい」――KDDIが10月5日、そんな調査結果を発表した。スマートフォンやカーナビゲーションなど、活用が広がる音声操作だが、日人には“抵抗”もあるようだ。一方、米Googleの「Google Home」、LINEの「Clova Wave」など、自宅に据え置く「スマートスピーカー」は、そうした課題を払拭する可能性もある。

    日本人の7割が「人前で音声検索、恥ずかしい」
    medihen
    medihen 2017/10/06
    なんで、TVに音声認識入れないんだろう。リモコン探す手間が要らなくなるのに。
  • なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密

    Amazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日Amazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

    なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
  • 1