[B! UI] yukattiのブックマーク

Amazon、Prime Video向けのUIを大幅刷新、生成AIも導入

yukatti 2024/07/24

リンク

ユニクロ公式サイトが使えません（ついでにレジも）｜ブラインドライターズ

ブラインドライターズのスタッフは9割が視覚障害者。先日、みんなで﹁どうやって服を買うか﹂の話になりました。マネキンの服は見えないので、コーディネートが分からない下着を買いたいけど、店員さんの性別が分からないので声をかけづらいロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらいなどと、たくさんの悩みごとがありました。確かに、異性の店員さんに下着の相談はしにくいですよね。タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。そんなときに便利なのがECサイトです。色もデジタル表記になっていればPCが読み上げてくれるので選びやすい下着も人に頼まなくていいので買いやすいマネキンのコーディネートは見えないので、サイトで確認したいまた﹁リピ買いするならサイト﹂という意見もありました。確かに見えていないと広い店内のどこにあるのかサッパリ分

yukatti 2024/06/03

リンク

なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？

回答 (3件中の1件目) いわゆるフラットデザインと呼ばれるデザインの潮流は明確に原点があります。以下は、マイクロソフトが2010年にデザインイベントMIX10でセッション公開した資料です。 https://www.slideshare.net/stevecla/windows-phone-ui-and-design-language-3511859 オリジナルの資料(Windows Phone UI and Design Language)は公開終了してしまったようなので、slideshareにあるコピーのリンクを貼っておきます。 iPhoneの登場とスマートフォン市場の勃興に...

yukatti 2023/04/20

UI

リンク

マリオのUIがフラットデザインになった日を知っているか〜【視伝研】UIデザインの歴史を紐解く｜Yamashita Angelica

※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。今回の視伝研テーマは︻UIデザインの歴史を紐解く︼です。年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲーム UIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。ゲーム UIデザイナーを目指す初心者が作りがちなやつ︵一応弁明するとこれは1〜2分くらいで作った雑UIです︶もちろんこういうのを作れることは大事なんだけど、﹁ゲームでよくあるやつ﹂以外のデザインの引き出しがないままだといず

yukatti 2023/04/19

UI

リンク

UIデザインに必須の16の論理ルール！デザインは細部のちょっとした作り込みが使いやすさを決める

UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。長い記事なので、時間がある時にゆっくりご覧ください。 16 little UI design rules that make a big impact by Adham Dannaway 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに 1. スペースを利用して関連要素をグループ化する 2. 一貫性を保つ 3. 見た目が似ている要素は同じように機能するようにする 4. 明確なビジュアルヒエラルキーを作成する 5. 不要なスタイルを削除する 6. カラーは意図的に使用する 7. インターフェイス要素のコントラスト比が3:1であることを確

yukatti 2023/04/14

UI

リンク

“奇跡のフォント”で小学生の正答率に差　開発者が語る「UDデジタル教科書体」の驚くべき効果とは | デイリー新潮

yukatti 2023/04/09

リンク

マイクロソフト新Bingが示す「検索」新時代チャットUIとGoogleの憂鬱【西田宗千佳のイマトミライ】

yukatti 2023/02/13

リンク

JRの券売機のUIは使いにくい→目的地ではなく席の種類をまず選ばせるの慌ててたらパニックになる

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

yukatti 2023/02/12

UI

リンク

UIから「白」が消える日｜ritar

これは designing plus nine Advent Calendar 19日目の記事です。こんにちは。ritarと申します。今年の10月頃、YouTubeに大きいデザイン変更がありました。アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは﹁アンビエントモード﹂という新機能です。アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん﹁無色透明﹂になっていくと考えます。これは﹁技術が生活に浸透することによってUIは存在感を減らし

yukatti 2022/12/20

UI
web

リンク

アプリをSlackからDiscordに変えただけで学生の反応が激変　その理由とは？

日常のハッとするような気付きを与えてくれるツイートを、イラストとともにご紹介する企画﹁その視点はなかった﹂。今回は大学教授のKohei Kawaguchi︵@mixingale︶さんが驚いた、アプリが違うだけで大きく変化した学生たちの反応です。︵イラスト‥野田せいぞ︶ Discordに変えたら生徒の反応が激変今年の授業はSlackじゃなくてDiscordにしたんだけど、それだけで学生の反応がぜんぜんちがってびっくりした。サーバーに参加した学生同士で勝手に会話を始めている。SlackでもDiscordでも機能的にみて同じようなもんでしょと思ってたけど、UIとコンテクストがちがうと受け止め方が全然違うんだな。︵Kohei Kawaguchiさんのツイートより︶大学の講義で使うアプリを、SlackからDiscordに変更したKawaguchiさん。すると、それだけで学生の反応が大きく異な

yukatti 2022/10/09

UI

リンク

これがユーザーの信頼を失うデザインだ！最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン

ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。ユーザーとして騙されないように知識を増やしておくのにも有用です。著者は﹁UXライティングの教科書︵紹介記事︶﹂や﹁ザ・マイクロコピー︵紹介記事﹂などでお馴染みの仲野佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで

yukatti 2022/09/03

UI
web

リンク

UIの名称まとめ〜よく見かけるけどあれなんていう名前？〜｜Nviveto

コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。 UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ

yukatti 2022/08/29

UI

リンク

自動車のタッチパネル操作は物理ボタンの4倍時間がかかる

By Glenn Lindberg/Vi Bilägare 近年ではスマートフォンだけでなく冷蔵庫や扇風機など多くの製品にタッチパネルが搭載されており、物理ボタンをポチポチ操作する機会が徐々に減少しています。自動車でも同様に大型タッチパネルを採用する車種やモデルが増加しており、エアコンや音楽再生などをタッチパネルで操作できるようになっています。しかし、自動車メディアVi Bilägareの調査では「タッチパネルは物理ボタンよりも操作に時間がかかる」という事実が明らかになりました。 Physical buttons outperform touchscreens in new cars, test finds | Vi Bilägare https://www.vibilagare.se/nyheter/physical-buttons-outperform-touchscreens-new

yukatti 2022/08/19

UI

リンク

うそ……こんなに効率悪かったの？　「QWERTY」配列のダメさを浮き彫りにした調査結果／日英両対応の独自考案配列「Tomisuke」に注目【やじうまの杜】

yukatti 2022/07/15

UI
science

リンク

スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhoneXから22%縦長化特に著しく変化したのが、iPhoneXが登場した事によってそれまで1.77だった縦横比が2.16まで

yukatti 2018/11/04

UI
iphone

リンク

hatebu.me

This domain may be for sale!

yukatti 2017/08/22

リンク

Google+の新UIが俺の中で使いにくいと話題に！変更点をまとめてみた | PLUS1WORLD

どうも、自他ともに認める(?)Google+ヘビーユーザーの今井阿見です。Google+は一般公開される前から使っています。昨日Google+のUI(ユーザインターフェース)が一新されました。反映までに時間がかかったようでわたしの環境では今日になって新UIがようやく使えるようになりました。 Google+の大幅刷新をGoogleが発表、コミュニティとコレクション重視へ – GIGAZINE まだ iOS のGoogle+アプリのアップデートが来ていないので、Web版のGoogle+しか触っていませんが、新UIがとにかく使いにくいです。今回はGoogle+の新UIの変更点で使いにくいと感じたところをまとめてみました。 Google+の新UIについてのまとめサークルが使いにくい各所で報道されている通り、新しいGoogle+は﹁コミュニティ﹂﹁コレクション﹂の機能に重点を当てています。

yukatti 2015/11/20

google
UI

リンク

森田雄と深津貴之の UX 侍　初陣「全国タクシー配車アプリ」開発担当者とUXを語る | UXサムライ

yukatti 2014/02/12

リンク

どうしてはてなブックマークが使いづらくなったのかを真剣に考えた

今年リニューアルをしてからというもの、だんだんと利用する機会がへってきたはてなブックマークのWebサイト。最初はいつかなれるだろうと思ったけども、このなんともいえない見づらさが引っかかってしまう。最近では、私の知り合いでも最低9人のユーザーが、はてブサイトを見なくなった、もしくはAPIを利用した見やすく加工されたサイトを見るようになったという意見も聞く。はたしてはてなブックマークの何が自分にとって見難いのかを考えてみたい。ほとんど個人的な主観です。私はここが嫌！っていう事を訴えたい。パッとみてささっと見れなくなったこの一言に尽きる。とにかく面倒臭いサイトに生まれ変わったといってもいいです。これははてなブックマークをどのように利用していたかによって受け取る感想は千差万別だと思いますし、「これから新規ユーザーを呼び込みたいので、そういう人は気にならないでしょ、昔をしらないんだから

yukatti 2013/03/08

目が疲れるし、めくるより目次としてさっさ見ていきたいのに新デザインは適さない。／リニューアル後、右肩下がり。／アルゴリズム変更は良い

リンク

iPad初の定期課金モデルアプリ、The Dailyの雑感メモ | fladdict

いよいよiPad初の定期課金モデルアプリ、The Dailyがリリース。メディア王マードック氏が、3000万ドルを費やして作ったと言われるモンスターアプリです。USオンリーで日本では販売されない同アプリですが、とりあえず入手してインスコ。wktkしながらレッツ紹介エントリ♪ と思ったら、正直これはないや。。。というアプリだった。詳細なレビュー書こうと思うも、その気がおきず。以下、自分のアプリの研究用にメモ。ステキな点・アンケートやTwitter等、記事にウィジェットがあるのはステキ。・スクロール方向を、ページ毎に表示してるのはステキ。・予算の本気が具合はステキやだなと思った点・トップページの実装が重い。・関連リンクを押すと、別のページにすっ飛んだうえに戻れない。・変なタイトルのアニメーションとかがウザイ・既出のTimeのアプリに引っ張られすぎてるうえに劣化してる。・

yukatti 2011/02/03

リンク

はてなブックマーク

タグ

関連タグで絞り込む (19)

UIに関するyukattiのブックマーク (25)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス