「ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる」資料に使う文字フォントにも色々な宗派があって時に聖戦が起こるぴよすけ @piyopiyosakana1 ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる。 逆に、他のフォントは開いた瞬間、テンション下がって眺める気になれない。 2024-04-12 20:54:10
確定申告e-Taxがくそすぎる。
皆様におかれましても、今年の確定申告に向けて申告書を鋭意作成中のことと思います。 すでに散々論じられていることとは思いますが、この度マイナポータル、e-Taxを使用して本当にストレスで禿げそうだったので備忘録と同様の辛さを味わう方を救いたいという目的でこれを残しておきます。 スマホアプリ「マイナポータル」がただのバナーである 普通アプリとして存在してたらアプリ内で操作してると思うよね！残念！Sarafiでした！ スマホアプリ「マイナポータル」のQR"読取り"の位置が非常に分かりにくい 通常使用するユーザーの99%はそのままログインしてしまうのでは？"アプリ内(実際はブラウザだが)"をいくら探してもQR読取りマークがみつからない。ログインする前の起動画面の下にひっそりあるので探してみてください。 スマホで作成できると謳いながら、PC用画面で操作をさせられ続ける これは何かの試練ですか？お年寄
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。 1、商品ページの「¥マーク」を小さくしたら購入率アップ（メルカリ）メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。 理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。 この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。 元記事：https://markelabo.c
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される
Googleマップの新しい外観に元Googleマップデザイナーが苦言
Googleマップは2023年9月頃から新たな外観のテストを実施しており、すでに新たな外観のGoogleマップを使っている人も多いはず。そんなGoogleマップの新外観について、15年前にGoogleマップのデザインに携わったプロダクトデザイナーのエリザベス・ララキ氏が苦言を呈しています。 15 years ago, I helped design Google Maps. I still use it everyday. Last week, the team dramatically changed the map’s visual design. I don’t love it. It feels colder, less accurate and less human. But more importantly, they missed a key opportunity to…
「もうWN03と書く日々は終わったのだ…」サイゼリヤから注文用紙が消えQRコードになっていてたがUIが直感的かつ誘導もスムーズだった
kaoruww @kaoruww サイゼリヤの新オーダーシステムの話｜井登友一 note.com/corobutika/n/n… 画面遷移の様子。自分は卓上の説明をほぼ読まずに入力したが迷うポイントはなかった。最後まで読まなかったから、会計時にテーブルの紙の伝票をそのままレジに持っていき支払ったので会計ボタン押さなかったな。問題なかった。 2023-11-23 12:18:20 リンク note（ノート） [UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori) あたしは自他ともに認めるサイゼリヤエンスージアストなんですが、昨夕、出先でWiFiが使いたくなって近くにあったサイゼリヤに立ち寄った際、なんとオーダーシステムが顧客自身のスマホを使ったセルフオーダーシステムに変わっていました。 （店員さんにお聞きしたところ、現時点では全国で数店舗だけの試験導入段階との
なんで頻繁に使わなさそうなサービスまでアプリにしたがるの→思った以上に一般人はITリテラシーが高くない
kato @kuromitsu_ka なんでwebで済ませられる尚且つ頻繁にログインしなさそうなサービスまで、アプリにしたがるんだろうなぁ。チケットサービスとかさ。オフラインでの現地操作も特に無い様なやつとかさ。アプリは、webよかハードのリソース少ないとはいえ、開発もあるし運用もタダやないし。運営側にメリットあるんかな。 2023-10-04 00:44:17 kato @kuromitsu_ka 例えばさ、スーパーのアプリなんかスマホに必要なんか？イオングループみたいな大企業で、アプリ内に〇〇payやってない限りアプリやなくて良くない？チラシの通知も、LINEでいいじゃんか。やるにしてもPWAとか、webのショートカットをホーム画面に残す手順をサイトか店頭に掲示したらいいじゃんよ…。 2023-10-04 14:19:49
新規作成画面をなくすと考慮事項が激減して嬉しい
例えば CMS の管理画面を考えます。 /posts に記事一覧画面、/posts/new に新規作成画面、 /posts/:postId に記事更新画面を置くような URL の設計はあるあるかと思います。 今回は /posts/new の画面はないほうが色々嬉しいと思った話をします。 新規作成画面があることで増える考慮事項 まず新規作成画面があると、どんな煩わしさがあるかを考えます。 下書き保存した時、どうする？ 新規作成画面で下書き保存をすると、内部的にはリソースの ID が採番されます。つまり下書き保存した段階で、それは記事更新画面になるはず。 その ID で URL を /posts/:postId に書き換えるかどうかを検討します。 筆者は React 一辺倒人間なので React 寄りの話にはなりますが、Next.js や React Router などでは /posts/ne
コントローラーの“右側4ボタンややこしい”問題について議論白熱。「東西南北にすればいい」説に注目集まる - AUTOMATON
コントローラーの形状はメーカーやゲーム機によって異なり、中でも「右側にあるボタン」はゲーム機ごとにボタンの種類や配置が異なっている。そうした仕様についてややこしいとの指摘が投じられ、議論を巻き起こしている。そうした中で “東西南北”基準のボタン配置のアイデアが投じられ、分かりやすさからか大きな支持を受けているようだ。 今回、「コントローラーの右側にあるボタン」を巡る議論が白熱している。発端となったのは、PlayStationとXboxのどちらのボタンレイアウトの方が“正しい”のか、と疑問を投げかける投稿だ。それに反応する形で別のユーザーが、Nintendo SwitchとXboxとでコントローラー右側にあるABXYボタンの配置は“議論の余地がある”と指摘。Nintendo SwitchもXboxもABは右・下の2つ、XYは左・上の2つに配置されている。しかしAとB、XとYの配置がそれぞれ逆
家の設備全部うるさすぎるしまぶしすぎる
☆追記☆ id:mur2 まさか食洗機のブザーが消せるとは思ってなかった！有益な情報ありがとう 明日トリセツも読みつつ試してみる 取り急ぎ、BIG感謝 ☆追記ここまで☆ ☆追記2☆ id:bungoume おいおいおい、はてブにGODがおったわ さっそく消した！ありがとう！ これもトリセツ読んでない自分が悪かったな リクシル、いちゃもんつけてごめんね id:bnckmnj 目が悪い人のために「おいしくなあれ」「頑張って作ってます！」って、逐一喋ってくれる家電があってよかったね♡ 目が悪い人たちのためにそんな家電を作ってくれるSHARP様に感謝♡ ☆追記2ここまで☆ 新築に引っ越してから、家で何をしてもいちいちピーピーうるさいしチカチカまぶしい 愚痴 うるさい部門給湯器設定で音量をゼロにしても、湯沸かし完了音はオフにできない仕様のため風呂が沸く度にいちいちデカい音を鳴らしてアピールしてくる
「X」は近いうちにダークモードだけになるとイーロン・マスクが語る、ユーザーからはやめてくれとの悲鳴が殺到
X(旧Twitter)のCTO兼任取締役であるイーロン・マスク氏が、Xのデフォルトのデザインを黒を基調としたダークモードに変更し、背景が白い従来のライトモードを廃止する考えを明かしました。 Elon Musk says Twitter will soon only offer dark mode because it’s ‘better in every way’ - The Verge https://www.theverge.com/2023/7/27/23810140/elon-musk-twitter-x-dark-mode-only XのUIがダークモードのみになることが判明したきっかけは、仮想通貨・Dogecoinのデザイナーを務めるXユーザーがTwitter Blueのチェックマークを青色から黒色にした画像を作成して、「黒色も好きですが、ダークモードではしっくり来ないですね」
重要情報はスクロールしないと見えないが、スクロールバーがない EC事業者に業務停止命令
4月には、定期契約の解除を妨げるため、条件上は解約できるにもかかわらず、解約できないように見える表示をしていたことも分かっている。 これらを受けて消費者庁は同社に6カ月の営業停止命令を出すとともに、再発防止とコンプライアンス体制の構築を指示。代表取締役の中村智紀氏には6カ月間、同様の業務を新たに開始しないことを命じた。 関連記事 LINEで販売、高額な“痩せるお茶”にご用心 「追加料金なし」は実質うそ 消費者庁が注意喚起 消費者庁は、「追加料金なし」と聞いてダイエット商品を購入したが、実際には高額な別料金を請求されたとする相談が多く寄せられているとして注意喚起した。問題の事業者は実際には17～23万円の追加料金を求めていた。 「LIFEBOOK 21％引き」は嘘……「富士通 WEB MART」で二重価格 消費者庁が措置命令 PC直販サイト「富士通 WEB MART」で、ノートPC「LIFE
なぜ使われないダッシュボードが作られるかという話 - satoshihirose.log
はじめに 最近、ビジネスダッシュボードの設計・実装ガイドブックという書籍が出版された。今まであまりなかった視点から書かれたデータに関する本で面白く読んだ。 ビジネスダッシュボード 設計・実装ガイドブック 成果を生み出すデータと分析のデザイン 作者:トレジャーデータ,池田 俊介,藤井 温子,櫻井 将允,花岡 明翔泳社Amazon 作ったダッシュボードの利用が進まず、虚しさを覚えた経験がある人は多いと思う。どうしてそうなってしまうのか、自分の経験を元にまとめたいなと思ったのでまとめる。 なぜ使われないダッシュボードが作られるか なぜ作られたダッシュボードが使われないかと言うと、基本的にはそのダッシュボードがそんなに必要なものではないからだ（社内周知がうまくない、ツールの使い方がわからない人が多いなどの理由もあったりするがここでは無視する）。 必要のないダッシュボードが作られてしまう状況に関して
タッチパネル式食券機を作ってる連中ってバカなの？
もういろんなところで言われてるけど、最近よく見るタッチパネル式の食券発券機ってなんであんなに無駄なステップが多いの？ 行きつけのラーメン屋でノーマルラーメンを頼もうと思ったらこんだけの画面を経なきゃならない。 ・ラーメン、サイドメニュー、ドリンクからラーメン選択 ・ラーメン、チャーシューメン、煮卵ラーメンなどからラーメン選択 ・トッピング選択画面でトッピング無しを選択 ・麺普通、大盛から普通を選択 ・お支払方法選択ボタンをタッチ ・電子マネー、現金から電子マネーを選択 ・いくつかの選択肢からたとえば交通系ICを選択 ・カードをタッチ→発券 こんなのこうすりゃ簡単じゃん。 ・注文画面（＝初期画面）で注文する品を選択→他メニューやトッピングも追加選択できる状態で「電子マネーをタッチ、あるいは現金を入れてください」の表示 ・カードをタッチあるいは現金を投入して発券（どの電子マネーかは自動判別）
Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率
2023年6月にFigma Config 2023という、Figmaのカンファレンスが開かれました。そこでFigma上で開発をサポートするような機能が多数発表されました。 デザイナーとエンジニアの効率を上げるDev Modeなどの発表があり、エンジニアにとっても知っておきたい内容があります。 今回は発表にあった中でも特に開発に直結するFigma for VS Codeを紹介します。 Figma for VS Codeとは？ VS Code上でFigmaを使用したさまざまなことができる拡張になります。 ただVS Code上でFigma上のデザインを確認するだけではなく、Figmaと連携した開発速度を上げる機能やコミュニケーションをサポートする機能があります。 Figmaにコメントを送り、コメントの通知を受け取れる VS Code上からFigmaのコメント機能を使用して、UIの質問をすることが
WebRTC と React を組み合わせるなら Flux 設計が有効
この前ポジショントークしたらそれなりに反響があったので書いてみる。 これまでの人生を振り返ると毎年ラジオや電話や配信サービスを作っている気がするし、なんかそういう仕事が回ってくることが多い気がする。 最近自分なりに答えが出たかなと思ったことがあるので言語化してみようと思う。 OGP は Flux ぽい画像だ。 注意・免責事項 ここにあるソースコードは不完全です。これは私が元々手元で実験していたボイラープレートであるとはいえ、いろんな仕事で培ったノウハウ的なものも含まれているので、念には念を入れて意図的に要件が透けそうな箇所は削除しています。 その結果元々のボイラープレートと乖離してしまい、動作しないコードになっています。ただ概念を伝えるには十分なコードになっているはずなので、脳内補完してください。質問は Twitter のメンション、もしくは Issue でのみ受け付けます。 (完全版を書
『ゼルダの伝説 ティアーズ オブ ザ キングダム』を3倍楽しく遊ぶ方法、それは「画面表示の設定」だ
紛れもなく『ゼルダの伝説 ティアーズ オブ ザ キングダム』は楽しいが、あるときひとつのことに気がついた。このゲーム、通常の設定で遊んでいてはもったいない、と。 事の発端は、本作にフォトモードがないと嘆いていたことである。「ウツシエ」というカメラは一応あるのだが、ほかのオープンワールドゲームでありがちなフォトモードは存在しておらず、好きなようにスクリーンショットが撮れないのだ。 しかし、幸いにも本作には「画面表示」という設定があり、それを「プロ」にするとUI（ユーザーインターフェース）などが必要最低限の表示になる。そしてこれこそ、本作を3倍楽しむための設定なのだ。 画面表示をプロにした実例 とりあえず、同じ場面の画像を見比べてもらおう。 通常の画面表示。 さて、どう感じるだろうか。もちろん感じ方は人それぞれだが、画面表示が通常のときは「ふつうのゲーム画面で、ゾーラ族のところへ来たのだな」と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ねえ、キーワード消えてない？
『こういうのでいいんだよこういうので』ホテルで見かけたハイテク技術がこちらです「何でもかんでもデジタルにする事を“アイデア”とは言わない」
PC-8001を買ったほどの父が「松屋の食券機が分からなかった」というので「とうとう…」と思ったら自分も松屋で注文できなくて一度逃げてしまった
