先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか？継続的にバージョンア
こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon Helpfeel Advent Calendar 2022の5日目の記事です 昨日はHelpfeelエンジニアのyado.iconさんでした 採用面接中にチャーハン・ピラフ判定器とスタバ警察botで盛り上がる会社に入った | 株式会社Helpfeel ヨコハマハウスフラペチーノがエンジニア採用の役にたった？みたいで良かったです <a>タグの挙動を工夫する事で、Scrapboxからみたいなボタンをなくしました 更新ボタンの役割は2つ 更新がある事を教える 押すとアプリが更新される Scrapboxも昔こういうメニューがあった 今はもう無い では解説ですshokai.icon SPAのタブ永遠に開きっぱなし問題とは？ SPAとstaticなwebサイトの違い static
少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
村井理子 @Riko_Murai 義母も義父も、コンビニには行けなくなってしまった。カードやポイント、画面操作が必要だから、怖くて行けないらしい。銀行もハードル高いらしく、毎度、予約して（！！）、行員さんに全部やってもらっているらしい。なんかもう、どうしたらいいのだろうな 2023-04-26 16:52:06 村井理子 @Riko_Murai 翻訳家・エッセイスト。愛犬は長い棒を回収する琵琶湖の至宝。『射精責任』（太田出版）『ラストコールの殺人鬼 (亜紀書房翻訳ノンフィクション・シリーズⅣ)』（亜紀書房）、『未解決殺人クラブ 市民探偵たちの執念と正義の実録集』（大和書房）、『犬と会話する方法 動物行動学が教える人と犬の幸せ』（慶應義塾大学出版会） rikomurai.com/%e7%a7%81%e3%8…
もやし @w_coast_0330 ふるさと納税後のオンライン申請を行う「自治体マイページ」のUX神すぎた。。マイナンバーカードを使ってログインしたら、寄付先が自動で紐づいてたので2秒で終わった ユーザー登録たったの60万人らしいけど全国民が使うべきサービス。。 mypg.jp pic.twitter.com/sIwkrCFjzM 2022-12-29 16:28:55
機能とUIの進化はなぜ比例しない？ UI研究者に聞く、使いやすさの本質とUIのこれから 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れ ーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人
こんにちは、開発ディレクターの五味です。クックパッドにレシピを投稿してくれるユーザーのための機能やサービスを開発する「投稿開発部」に在籍しております。 投稿開発部は、2018年1月に前身となる部からメンバーを一新して発足した部署です。自分たちで1から戦略を作るため、強い実感を持ってユーザーを理解することを信条に、資料を読んだり前任者に聞いたりするだけではなく、実際にユーザーとたくさん話し、たくさんレシピを投稿し、ユーザーのことをたくさん考えてきました。 この記事では、その中でぶつかった課題を解決するために取り入れた書籍や、それをうまく業務に取り入れるために行っている工夫を紹介します。 サービス開発にはさまざまな壁が現れる ユーザーと事業目標に真摯に向き合うほど、サービス開発にはたくさんの壁が現れます。私たちも例外ではなく、部の発足以降、以下のような壁に激突してきました。 「ユーザー課題の見
UXや認知科学のブックリストはおかげさまでかなり読まれていますが、そういえば「UIデザイン」のリストは作ってなかったなと思い至って本を探し始めました。手元の本を並べてみると該当する本はあまり多くなくて、関連する周辺の分野のものにも対象を広げることにしました。UIデザインと周辺分野との境界はハッキリと分かれるわけではないので、自分が作った他のブックリストとの重複があります。また、分野の明確な線引きはしていませんのでご了承ください。 UI（ユーザー・インタフェース）が関わる分野はかなり広いのですが、このリストでは主に、比較的新しい（と言ってもiPhone発表から10年以上経ちますが）「スマートフォン・アプリのUIデザイン」を念頭において選んでいます。パソコンのソフトウェアや情報システム、ウェブ（情報設計やウェブ・ユーザビリティーを含む）のインタフェース・デザインについては、すでに世の中に知見や
はじめに 新規事業開発に役立つ記事のリストを友人や知人に共有することが多くなり、そのつどメールやチャットツールで送ることが面倒になってきたため、「まとめ記事」にしました。 これらはたくさんの方々から教えていただいて集まった情報のリストです。実際に会ってみた、行ってみたという情報も多いです。コピーしてご利用いただいても問題ありませんし、アフィリエイトもしていません。 ※追記 （１）Qiitaの記事以外は、リンクをクリックしたら自動的に新しいタブで開くようになっています。 （２）頻繁に新しい情報を教えていただいて追加しています。「これも追加してほしい」という情報があればお気軽にコメントください。 （３）Qiitaはプログラミング記事しかダメだと知らずにこの記事を作成しました。もしQiitaから注意されたら移動します。コミュニティガイドライン - Qiita:Support 目次 新規事業開発の
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
「A3出口」から出ようとしてる時にこの案内見て発狂しないでいられる自信があるタフな奴はいるか？「これは頭を抱える」「どうしてこうなった」
マシーナリーとも子 @barzam154__ A3出口から出ようとしてる時にこの案内見て発狂しないでいられる自信があるタフな奴はいるか？ 私は発狂してます pic.twitter.com/zkfj5DRcy7 2022-09-01 12:09:11
デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
某所で買い切りゲームのゲームデザイナーをしてるけど、レベルって便利なんだよね。多分、多くの人はレベルシステムがもたらす恩恵をさして意識せずにゲームを遊んでると思う。 自分もレベル上げ作業は嫌いなので、昔の一部のRPGみたいなレベル上げ必須の状況はほぼ作らない。ただのプレイ時間水増しだし。 しかし、それを抜きにしてもレベルシステムって色々な恩恵があるんだよね。 難易度調整これはみんな直感的に分かると思う。 ボスを倒せる適正レベルを設定しておいて、ゲームが得意な人は低いレベルでクリアして、ゲームが苦手な人は高いレベルでクリアする。 そういう細かい所を吸収してくれるのがレベルシステム。 同様に、サクサクとザコ敵をぶっ倒してボスまで到達するのが楽しい人もいれば、一つ一つ苦労して倒して回復薬を管理しながらボスまで到達したい人もいる。 そういう楽しみ方も吸収してくれるのがレベルシステム。 ここでレベル
コンビニ3社のセルフレジ比較
あくまで増田の行動範囲にあるものだけなので、抜けはあると思う。ご容赦いただきたい。 セブンイレブン自分がよく遭遇するのは、半セルフのあれ。 セルフですらない。ないのだが、悪くはない。 客は商品スキャンを行わず、支払い方法を選択し、その方法で支払うだけ。 モバイルSuicaで支払うことが多い増田としては、もっとも早く会計が終わる。 デメリットがあるとすれば、会計が早すぎて袋詰が間に合わず後ろが詰まること。 セルフレジではないのでそれなりに人は並ぶのでちょっとプレッシャーだ。 セブンは今後半セルフではない完全セルフレジを導入・拡大するらしいので期待したい。 ファミリーマート個人的ベストはファミマ。 スキャン方法は鏡とスキャナを利用したスーパー方式。 レジ袋も取ってJANコードを読み込むだけなので簡単。 たいていどこの店舗もレジ自体がコンパクトで、 操作範囲が狭いというメリットと商品を置くスペー
2021年、最も注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
もっと早くデザイナーに声をかけろ
SIerのインハウスデザイナーとして働いてるんだけど、うちの会社の業務フローがクソすぎてストレスが溜まっている。 あの、PMのみなさん、ていうか我が社の開発標準つくってるみなさん。 外部設計とか機能設計とか、「設計」ってついてる工程にデザイナーをアサインしてください。 デザインって「設計」っていう意味なので。 別に、知識マウントとか偉ぶってるとかでもなんでもないです。 外部設計も機能設計も社内のエンジニアがエクセルで作っているけど、なんでデザイナーを呼んでくれないんですか？ あなたたちがやってるそれ、デザインですよね？ そのくせエンジニアは、自分が設計書を作っていても「デザイン」をしているという自覚は全くない。 それどころか「自分にはセンスが無いから〜！」と変にデザイナーを持ち上げてくるんだけど、あなたたちのやってることもデザインですよ。 なのに、自分たちだけですっかり外部設計とか機能設計
シオザワヒロユキ @ShiozawaHiroyuk 週末に出すテスト問題その2 エレベーターの開閉ボタンはよく押し間違えられる。 言葉を使用せずに押し間違えを無くす方法を考えよ。 過程：三角形による方向指示機能を分析し、その条件と限界を考察したうえで答えを出すこと。 条件：ボタンサイズは変えないこととする。 pic.twitter.com/69atfKg8jp 2023-02-10 00:29:46
Uber Eats頼んだら、配送30分ぐらい遅れたうえに、スープこぼされてグチャグチャになってたから受取拒否したら、マンション共有部分に投げ捨てられてた。かなりありえないんだけど、サポートに連絡したら、個人事業主だから関与できない、勝手に警察に連絡しろの一点張り。ありえない…。@UberEats_JP pic.twitter.com/MxqpA46x3t — Junya ISHINO/石野純也 (@june_ya) October 5, 2019 Uber Eatsの配達員を副業として始めて1ヶ月（200件配達程度、稼働60時間程度）の新米ではありますが、本件について思うところがありましたので筆をとりました。いつもはウーバーイーツでの体験や登録方法などのブログを書いていますが、noteも試してみたくなったので 石野さんの該当ツイートには、罵詈雑言のようなリプも来ている最中、いち配達員として
高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと - AUTOMATON
ホーム ニュース 高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと 現在PC/Nintendo Switch/PS4/Xbox One向けに販売中の『Celeste』。山登りと自己発見をテーマにした2Dアクションゲームである本作は、何度も死にながら少しずつ歩みを進める歯ごたえあるゲームプレイが特徴だ。一方で、キャラクターの操作性の良さにより、また絶妙なレベルデザインも手伝って、何度も挑戦しているうちに突破できそうだと感じさせてくれる。 キャラクターの操作性は、コントローラーを通じてプレイヤーが直接感じ取ることになる重要な部分。その“『Celeste』らしい手触り”はどのようにして実現させたのか、本作のディレクターMatt Thorson氏がいくつかのテクニックを紹介している。 コヨーテタイム A short
ネット通販などのサイトで、消費者のスキを突いて余分な注文などを促す仕掛けが横行している。「ダークパターン」と呼ばれ欧米で規制が進むが、日本では大半が合法とされ対応が遅れている。日本経済新聞の調査で国内主要サイトの6割でダークパターンが確認された。デジタル技術の進化に、消費者保護ルールが追いついていない。「違法なダークパターンの疑いがある」。政府系のノルウェー消費者評議会は1月、米アマゾン・ドッ
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
「iPhoneの画面をグレースケールにするとスマホに全然触らなくなる」というスマホ中毒の解消技を試したら本当に魅力が激減して全然触らなくなった
吉永龍樹（ヨシナガタツキ@僕秩） @dfnt 昨日の放送で一番反応があった「iPhoneの画面をグレースケールにするとスマホに全然触らなくなる」というスマホ中毒の解消技、 設定→アクセシビリティ→画面表示とテキストサイズ→カラーフィルタ→オン から設定できます。本当にスマホが色を失うだけで魅力が激減して全然触らなくなるのは不思議。 pic.twitter.com/y0j49u56Fu 2021-05-23 15:12:27
多くのアクセスがあったので無料化しました 要求定義テンプレも記事内でDLできます。 はじめにはじめましてUX プランナーのShoty(@shoty_k2)です。 今回は「要求定義」をつかった、UX デザインについてご紹介します。 実践用テンプレートも記事内にて配布しておりますので、参考にしてください。 「要求定義」とは要求定義とは、「事業や施策によって実現したいこと」です。ユーザーにどのような状態になって欲しいのか・何をしてほしいのか、ビジネスで何が必要なのかなどを取り決めることです。 要求定義という言葉は、もともとはシステム開発の現場では頻繁に使われている単語で、非技術者の企画者がシステムに求める仕様を定義することです。 「要件定義」と「要求定義」の違い多くの方が「要件定義」という言葉を聞いたことがあるかと思いますが、「要件定義」と「要求定義」の違いについてご存知でしょうか？ ★要件定義
2019年2月26日、検索技術研究会が主催するイベント「Search Engineering Tech Talk」が開催されました。「検索」や「検索システム」にまつわる技術や手法を共有する本イベント。第1回となる今回は、3人のエンジニアが、現場の経験を通して学んだノウハウや、検索にまつわる知見を語ります。プレゼンテーション「UI／UXが無意識に検索行動に与える影響」に登壇したのは、株式会社メルカリDirector of Search Engineering の森山大朗氏。メルカリの検索結果を改善する上でわかった、情報検索と商品検索における違いを語ります。講演資料はこちら UI/UXが無意識に検索行動に与える影響について 森山大朗氏（以下、森山）：みなさんお疲れさまです。今日はメルカリにお越しいただきありがとうございます。お酒も冷蔵庫の中にいっぱい入っていますので、飲まれたい方は、とくにハ
楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA（製造小売り）を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業｢中川政七商店｣（奈良県奈良市）で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統工芸を生かした生活雑貨を企画・製造・販売する。どのように実現したのか、奈良の本社で緒方氏に話を聞いた。 ブランドコントロールについて長期で考えた結果、昨年の8月に楽天市場店を閉じた。 EC全体の4割を担っていた楽天を閉じるのは肝が冷えた。 が、1年かからずに本店サイトで楽天分をカバーできるように成長させることができそう。 勝因はひとえにメンバーの成長。これに尽きる。感慨深い。 — 緒方 恵 / 中川政七商店 取締役 (@notmegumi) June 23, 2019 ブランドコント
Xがブロック機能を廃止へ 「意味がない」とマスク | Forbes JAPAN 公式サイト（フォーブス ジャパン）
X（旧ツイッター）のオーナーである起業家のイーロン・マスクは18日、Xで特定のアカウントによる連絡や投稿の閲覧、フォローなどを制限する「ブロック」機能を廃止する予定だと明らかにした。 マスクは、Xでほかのユーザーから寄せられた質問に、ダイレクトメッセージ（DM）以外のブロック機能はなくなる予定だと回答。ブロックには「意味がない」と断じた。 マスクによると、特定のアカウントのフォローを解除したりブロックしたりせず、タイムラインに表示しないようにする「ミュート」機能は引き続き使えるという。 マスクは2022年10月にツイッターを440億ドル（現在の為替レートで約6兆4000億円）で買収して以降、有料サブスクリプションサービス「Blue」の導入、ツイッターからXへの名称変更、ブランドの象徴だった青い鳥のロゴ廃止、「X Pro（旧Tweetdeck）」の実質有料化など、プラットフォームの大幅な改変
営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以
ミヤジマ @x_years_ago はま寿司の回転レールが概念化したタッチパネル。 会員情報にお気に入りのネタを登録して、このタッチパネルに好きなネタだけ流せるとか色々面白い体験作れそう。 pic.twitter.com/DZ1IZo3XT8 2023-04-12 12:52:28 ヒラマサ @Hiramasher 近所のはま寿司、リニューアル後は完全タッチパネル式で「回転寿司の風情･･･」って思ってたんだけど、今日来たらこんな設備付いてて、こんな手が有ったかと凄く感心してるとこです('Д') ちなみにコレもタッチパネルで注文できんの、すげえ pic.twitter.com/8G30vBKBND 2023-02-26 14:40:21
最高のデザインツール「Drama」が登場！SketchやXDより良いかも。 | Web Design Trends
Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきますが、使いやすさや操作性、機能の豊富さを比べるとDramaは頭1つ抜け出しているような印象です。 また、SketchやAdobe XDなどと比べるとUIデザインツールとしての機能に大きな遜色は無く、むしろ動作の滑らかさではSketchよりも勝っているのではないでしょうか。 Dramaを一言で述べると、「これまでのデザインツールのいいとこ取りをしたツール」であると言えるかもしれません。 現在はまだ正式リリースはされていませんが、公式サイトからベータ版をダウ
画面をデザインするということ - Qiita
この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら
「五味ちゃん 起業家7年生」連載の第一弾です。 第二弾は今月中にどこかで！25歳、起業家7年生。 こんにちは、ハヤカワ五味です。 そう、実は起業家としては7年生になってしまいました。 7年生ということは、小学1年生が中学1年生になるくらいの年数を起業家として費やしてきたということですが、正直この7年は自分にとって有意義ながら遠回りだったなと思います。 趣味で作ったものをSNSにアップしたら幸運にも話題となり、それを受けて法人化したのがシンデレラバスト向けランジェリーブランド「feast」の立ち上げの経緯ですが、そもそも私はコンシューマーゲームのプランナーか広告代理店のアートディレクターを目指していました。だから、事業を継続する気はまったくありませんでした。 そんなめちゃくちゃな立ち上がりをしたfeastなので、運営する中でも問題ばかりだったのですが、ここ半年〜1年くらいでいいメンバーとも出
哲学者の千葉雅也氏、サイゼリヤのメニューが番号で管理されていることに対して、その非人間性（？）を問題視するツイートをするも、表現があいまいで主張の詳細が不明のため、ツッコミや「それの何が悪いんですか？」といったレスポンスを多数受ける
千葉雅也 Masaya Chiba @masayachiba サイゼリヤに来たら、番号を記入した紙を渡す形式になっていた。ライス大盛りに一つの記号列が割り当てられている。ひどいと思った。世界は本当に寂しいところになった。これでいいと本気で思っているんですか、本当のところはどうなんですか、と叫びたくなった。 2022-07-05 12:56:36
こんにちは。クックパッド デザイン戦略本部長の宇野です。 いきなりですが「ユーザーファースト」って良い言葉ですよね。サービスのあり方の基本であり、モノづくりをしていてそれを無視したいという人はいないはず。 しかし僕はこのユーザーファーストという言葉をあまり使わず、使う際は慎重に取り扱うようにしています。この言葉の概念はとても難しいと考えているからです。 「ユーザー」って誰のこと？目の前にいるユーザーの話をそのまま取り入れれば必ず良いものが作れるの？ 答えは明確にNoです。 当然ですが無視するべきという話ではありません。ただ、向き合ってるユーザーがどんな人なのか、その人が本当に欲しているものは何なのかを徹底的に考え抜く必要があります。 お問い合わせをしてきている人はだれ？ ユーザーからのご意見やお問い合わせ、アプリストアのレビューはとてもありがたいですよね。そこから新たな改善案をもらったり、
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
タッチパネル式食券機を作ってる連中ってバカなの？
もういろんなところで言われてるけど、最近よく見るタッチパネル式の食券発券機ってなんであんなに無駄なステップが多いの？ 行きつけのラーメン屋でノーマルラーメンを頼もうと思ったらこんだけの画面を経なきゃならない。 ・ラーメン、サイドメニュー、ドリンクからラーメン選択 ・ラーメン、チャーシューメン、煮卵ラーメンなどからラーメン選択 ・トッピング選択画面でトッピング無しを選択 ・麺普通、大盛から普通を選択 ・お支払方法選択ボタンをタッチ ・電子マネー、現金から電子マネーを選択 ・いくつかの選択肢からたとえば交通系ICを選択 ・カードをタッチ→発券 こんなのこうすりゃ簡単じゃん。 ・注文画面（＝初期画面）で注文する品を選択→他メニューやトッピングも追加選択できる状態で「電子マネーをタッチ、あるいは現金を入れてください」の表示 ・カードをタッチあるいは現金を投入して発券（どの電子マネーかは自動判別）
漫画を描いている人に「漫画はいずれ全部縦読みになり見開きも無くなる。文学のように漫画が難しくて読めない人が多数派になる」と言われた
椎名うみ @shinaumin 漫画描いてる人と喋るとよく「漫画はいずれ全部縦読みになるし見開きも無くなる。枠線も紙の本もレトロな少数派の趣味になって今の文学と同じように漫画が難しくて読めない人が多数派になるよ」と言われるので私は「ヤダーッ！」と言います ヤダヤダヤダ〜ッ！枠線見開き紙の本大好き永遠であって〜！ 2021-10-11 17:25:33
こんにちは、Qiita開発チームのgetty104 です。 今回は2020/03/12にリリースした、QiitaのLGTM機能について、その背景と目的を説明します。 背景QiitaについてQiitaは2011年にリリースして以降、ありがたいことに順調にユーザー数が増えていき、2020年の現在では毎月700万人を超えるユニークユーザー（UU）が訪れ、6000万PVのページアクセスがあり、毎日300件以上の記事が投稿されるようになりました。エンジニア向けWebメディアとして業界トップシェアを獲得し、国内エンジニアのほぼ100％が利用するサービスとなっています。 Incrementsの全社戦略IncrementsではQiitaの他に、エンジニア向け転職支援サービスであるQiita Jobsや、社内向け情報共有サービスであるQiita Teamも開発・運用しています。また今年、Qiitaのオーディ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ
「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会
やってほしくない緑とオレンジの使い方(カラーUDの話)｜ほうじ | 少数色覚デザイナー
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
父も母も最近のレジが複雑すぎて買い物に行けなくなってしまった→みんなの前で複雑なUIにまごつく怖さ
ふるさと納税の「手間」を省く「自治体マイページ」が神がかってる。寄付者も自治体もみんながハッピー
「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質
サービス開発でぶつかってきた壁と、そのとき助けてくれた本 - クックパッド開発者ブログ
UIデザインのためのブックリスト（2020, 追記あり）｜yoshi_design
【新規事業開発】知ってること全部まとめてみた - Qiita
「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
ウェブアクセシビリティ導入ガイドブック｜デジタル庁
iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
現役ゲームデザイナーがレベルの意味について解説する
【デザイン】エレベーターの開閉ボタンはよく押し間違えられる「言葉を使用せずに押し間違えを無くす方法を考えよ」
配達遅延：Uber Eats配達員が石野さんのつけ麺を捨て置いたトラブルについて｜新米Uber Eats配達員
消費者操る「ダークパターン」 国内サイト6割該当 【イブニングスクープ】データの世紀 - 日本経済新聞
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
「要件定義」のまえに、「要求定義」｜しょーてぃー/ Experience & Prompt Designer
メルカリが検索結果に「売れた商品」も表示するのはなぜ？ 商品検索におけるUI/UXの考え方
中川政七商店が｢楽天撤退｣1年でEC売上を急回復できた理由
ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie
『はま寿司』で“回転レールが概念化”したUIが開発されたらしい→爺さん「昔はここに本物の寿司を流してたんじゃ」
起業家7年生。シンデレラバスト向け下着ブランド「feast」の失敗を経て得た学び｜ハヤカワ五味
そのユーザーファースト、本当にユーザーファーストですか？｜宇野雄 / note inc. CDO
よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ
Qiitaの「いいね」が「LGTM」に変わります - Qiita Blog