[B! ui] tetzlのブックマーク

UDデジタル教科書体のバリエーション

Windows10以降のWindowsに標準搭載されるようになった﹁UDデジタル教科書体﹂というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Word でバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。UDデジタル教科書体 N-B UD デジタル教科書体 NK-B UD デジタル教科書体 NK-R UD デジタル教科書体 NP-B UD デジタル教科書体 NP-R UD デジタル教科書体 N-R フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。書体名和文欧文ウエイトUDデジタル教科書体 N-R等幅等幅標準UDデジ

tetzl 2024/03/29

Pが入ってる方が和文等幅なのいつもどっちだっけってなる

リンク

父も母も最近のレジが複雑すぎて買い物に行けなくなってしまった→みんなの前で複雑なUIにまごつく怖さ

村井理子 @Riko_Murai 義母も義父も、コンビニには行けなくなってしまった。カードやポイント、画面操作が必要だから、怖くて行けないらしい。銀行もハードル高いらしく、毎度、予約して（！！）、行員さんに全部やってもらっているらしい。なんかもう、どうしたらいいのだろうな 2023-04-26 16:52:06 村井理子 @Riko_Murai 翻訳家・エッセイスト。愛犬は長い棒を回収する琵琶湖の至宝。『射精責任』（太田出版）『ラストコールの殺人鬼 (亜紀書房翻訳ノンフィクション・シリーズⅣ)』（亜紀書房）、『未解決殺人クラブ　市民探偵たちの執念と正義の実録集』（大和書房）、『犬と会話する方法　動物行動学が教える人と犬の幸せ』（慶應義塾大学出版会） rikomurai.com/%e7%a7%81%e3%8…

tetzl 2023/04/28

千駄木でたまにお昼食べるけど、中華以外の飲食店相場が高いため必然的に松屋となか卯にご高齢の方が入り、券売機が使えず肩を落として帰る姿を毎回のように見る。明日は我が身だなと毎回胸がキュッとなる

ui
food

リンク

「デザイナーいないんですか？」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている

enden @enden_nix これまでも牛丼1杯と半熟玉子頼むだけで16回のボタン操作が必要だったりして異常だったけど流石にこれは無いと思う、個人経営のラーメン屋さんがなんとか導入したとかならまだしも大手全国チェーンの最新型機ですよ？？？？ 2023-04-25 18:04:36

tetzl 2023/04/28

気になる新メニューでクーポンもあるしと久しぶりに松屋行ったらクーポン使う場面がわからないまま支払いまで進んで何やねんとなったわ最近（もうちょい頻回に行くなか卯だと決済前にクーポン使用画面が出る）

リンク

駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter

リンクレイルラボ(RailLab) JR東、みどりの窓口7割廃止「話せる指定席券売機」導入拡大 | RailLab ニュース [配信：2021/05/11 15:41]JR東日本は2021年5月11日(火)、2025年までに管内のみどりの窓口を現在の7割程度まで削減すると発表しました。また... 388

tetzl 2022/03/08

指定席券売機はいつどこに行くかのウィザード形式をメインにして、右下にマルスモードボタン作って一定のリズムでトントンしたらハードモードメニュー出せば平和では、とは思っている

ui

リンク

新・えきねっとは誰のためのシステムなのか？｜長沢めい

結論から書くと、ちょっと思い当たらない。というおはなし。そもそも﹁えきねっと﹂とはJR東日本の予約サイト。今週末にリニューアルを実施しました。切符オタクの界隈では﹁あの切符が発行できない﹂﹁売ってはいけないはずの切符が検索結果に出てくる﹂などなど、いろいろな反応があったようですが、一般の方からすると﹁鉄道オタクがなんか騒いでいるなぁ﹂っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが﹁列車のお申し込みの操作方法が変わります﹂という点。﹁えきねっと﹂トップページからダイレクトに、﹁乗車駅﹂﹁降車駅﹂や﹁日時﹂

tetzl 2021/06/30

「東京」の検索結果で「大久保（東京）」も、同名駅で乗降者数100倍くらい少ないとこが先に出たりすると社会の損失感あるある｜一般的な鉄はMARS使わせろやってキレるのでめっちゃニッチ狙いシステム

ui
ux

リンク

[こかげ] フォント : Nu みちしるべ

概要﹁Nuみちしるべ﹂は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。﹁直接編集﹂や﹁自動着色﹂を切り替えてみると表示が改善する場合があるようです。︵なお﹁直接編集﹂を無効にした場合、文字列の書き替えは左上の

tetzl 2020/11/06

お店や会場の案内図を作る時にすごく便利だと思う！！（特に車社会の地域）｜googleとかのwebマップ画像貼り付けだと余計な情報が多すぎて美しくないなと最近よく思う

リンク

PASMO（パスモ）キャッシュレスポイント還元サービス｜TOP

３月１８日よりモバイルＰＡＳＭＯの運用開始に伴い、「ＰＡＳＭＯキャッシュレスポイント還元サービス規則」の一部を２０２０年３月１８日付で改定し、同日より有効といたしました。改定後の規則の内容をご確認いただきますようお願いいたします。（また、同規則の改定とあわせて「ＰＡＳＭＯキャッシュレスポイント還元サービスＱ&Ａ」も更新しました。こちらもご確認いただきますようお願いいたします。ＰＡＳＭＯキャッシュレスポイント還元サービス規則ＰＡＳＭＯキャッシュレスポイント還元サービスＱ&Ａ

tetzl 2019/10/03

ユーザー登録でパスワード確認欄のコピペができないクソ仕様にしたのはどこのどいつだ！！ジェネレーター使えないだろが！！

UI

リンク

ダッシュボードで上手に情報を可視化するためのガイドライン

JustinはUsabilityGeekの創始者であり、使いやすい記憶に残るオンライン体験の創出において15年以上もの実績があります。システムが完全なものになるにつれ、定性的なデータや定量的なデータもまたさまざまな頻度・複雑さでを取得できるようになります。このような状況では、情報の可視化がさらに重要になります。端的に言うと、情報の可視化（information visualisation）とは、抽象的なデータをユーザーが理解できるように可視化し、さらにデータ間の関係性を理解できるようにすることです。デザイナーの役割と情報の可視化デザイナーの役割は、ユーザーにとってわかりやすい方法でデータを表現することです。これには、課題や制約、データを表現するために利用できるスクリーンサイズという制限が伴います。もしデザイナーがユーザーが理解しやすいデータを作成できないと、ユーザーがデータを利用

tetzl 2018/05/09

リンク

UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート

PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事︵腹立たしいことに4ページ目はたった1行だったりする︶、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。﹁誰が好き好んでこんなUIを作るものか﹂と。関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？その負のス

tetzl 2017/12/20

少しずれるのだけど今の世の中の「働き方改革」なんかも内向きのUXで、どちらも結局は「経営と管理職しっかりしろよ」な訳で、そしてそれは「わかんないならわかる人に任せろよ」であるよなあとか思った

リンク

人事労務freeeが緑色になるまで - freee Developers Hub

こんにちは、id:ymrl です。最近は昼間はfreeeでエンジニアを、夜はクマサン商会で漁業をしています。先日、これまで﹁給与計算freee﹂だった製品をリニューアルし、﹁人事労務freee﹂としてリリースしました。リニューアルに伴っていくつか機能を追加したのでそちらの紹介もしたいのですが、今回は製品のロゴやUIの色も大きく変更した話をします。人事労務freeeのロゴ広い視野で人事労務の業務をサポートできるサービスへ人事労務freeeの前身である給与計算freeeは、元々freeeがクラウド会計ソフトで創業した会社だったこともあって、給与額や、そこから控除される税金や保険料など、お金の計算をメインとしてスタートしました。スモールビジネスの現場で人事労務を担当する方々にとって、どんな業務が大変で、何をするとより効率的に業務をしていけるようになるかを調べたり考えたりするうちに、お金の

tetzl 2017/12/17

涼風青葉さんの明細が公開されているし右上ちゃんとイーグルジャンプになっていて金額もそれっぽいけど時間外とか深夜がついてないのがそこはかとなく不安になるな（そこじゃない

ui

リンク

Devices — Facebook Design Resources

Designing for many platforms Facebook supports a diverse audience around the world and an equally diverse set of devices. To em phasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Each device comes with a bit map of the device (with and without shadows) and the original Sketch file for that device. We'll release different cate

tetzl 2016/02/01

facebookのデバイスイメージ。PNGとsketch形式。

リンク

なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？

スマートフォンなどのモバイル端末用UIでよく用いられる﹁三﹂のマークのアイコンは、ハンバーガーのように見えることからアメリカでは﹁ハンバーガー﹂アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、﹁劣った醜い撲滅すべきものである﹂という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが﹁ハンバーガー﹂。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切一般的に普及し

tetzl 2015/08/13

まさに「誰のためのデザイン？」案件

リンク

分かりやすいWeb入力フォームのための十戒 | POSTD

1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。そのため余白があるのであれば、ラベルを表示すべきです特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ

tetzl 2015/06/25

リンク

UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 | アプリマーケティング研究所

UIデザイン時の﹁ユーザーの使いづらい﹂には2パターンある。350万ダウンロードの家計簿アプリ﹁Zaim﹂が教える、UI改善の失敗談。今回は350万ダウンロード突破、家計簿アプリの﹁Zaim﹂さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim代表取締役閑歳孝子さん。﹁Zaim﹂の近況について﹁Zaim﹂のユーザー数は今どのぐらいですか？閑歳‥ 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。今までに、ユーザーが大きく伸びたタイミングはありますか？閑歳‥ 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。データ

tetzl 2015/05/19

使いづらい女の子が「パスタの茹で汁を捨ててしまった女の子」っぽいと思ったけど全然違った

ui
design

リンク

デザインには直感とデータどちらを採用すべきか？デザイン会社ビートラックス: ブログ

求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか?どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか?逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？このような議論はデザイナーの間では普遍的にかわされている。場合によっては﹁見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい﹂等の依頼がクライアントから来るケースも少なくは無い。クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的

tetzl 2015/02/16

王道みたいな話だと思った

リンク

“UI温泉” トークセッション・1風呂目「ウォシュレットから考える本当にキモチイイUI」

2015年2月7日に綱島温泉で行われた「UI 温泉」にて発表した「ウォシュレットから考える本当にキモチイイUI」の（ほぼ）無修正スライドです。Read less

tetzl 2015/02/10

最後の「終」スライドいいな｜アアアアアアアアアーーー｜この辺の現実の物体のUIは「誰のためのデザイン？」が金字塔だよなーと見ながら思った

リンク

心地よいUIの温度 - 言葉と気遣いで高めるUI -

Event : UI 温泉 in 綱島温泉 2015.02.07 Speaker : 割石裕太 / wariemon - UI Designer @KAYAC inc. / OH UI 温泉 - UIと湯を愛するイベント - 4番目のスピーカーとして登壇させていただきました。 UI と温泉の共通点として「心地よい温度」を見出し、そこに至るまでのフローを考えた内容となっております。

tetzl 2015/02/10

肌理みたいなものってあるよなー

リンク

illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats

illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。その内、個人的に押しなのは﹁アートボード﹂です。1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ1つ1つの画面を作成していくことができます。但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。画面遷移図.jsx Githubにもアップしてみました。github.com 使い方例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける﹁パネル>アートボード﹂でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ

tetzl 2015/02/09

えっ何コレすごく便利そう…！！

リンク

THE GUILD深津貴之【第3回】「UIで一番重要なのは、社長と飲み友達になって、ジャイアンの横いるスネ夫的ポジションをとること」（） @gendai_biz

THE GUILD深津貴之︻第3回︼﹁UIで一番重要なのは、社長と飲み友達になって、ジャイアンの横いるスネ夫的ポジションをとること﹂オンライン学習サービスschoo WEB-campusとのコラボレーションで世の中に新しい価値を生み出そうと挑戦する﹁起業家たちの原点﹂を紐解くインタビュー企画。その第4弾は、﹁Toy Camera﹂や﹁TiltShiftGen﹂などのアプリなどを開発するUIデザイナー、﹁THE GUILD﹂代表の深津貴之さんをお招きしました。第1回はこちらからご覧ください。第2回はこちらからご覧ください。 ⇒授業の様子はこちらからご覧いただけます。ヒットの秘訣は球数を打つこと — 深津さん個人のクリエイターとしてのお仕事についてもお聞きしたいのですが、UIデザインをする時に心がけていることやポリシーはありますか?深津専門家やヘビーユーザーのことはいったん忘れて、

tetzl 2015/01/05

独立する技能を伝えつつ居心地がいいから残ってもらう、という組織づくり。これはいい深津さん。

ui
work

リンク

こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修

シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される

tetzl 2014/12/16

ほえー、やるなあ｜しかし秘密の質問のところで「初めての海外旅行先」が選択肢にあるのにひらがな指定はちょっとご無体な感じがするｗｗ

リンク

はてなブックマーク

タグ

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

uiに関するtetzlのブックマーク (49)

お知らせ

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

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

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

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス