セキ技研@FAマシンメーカー @sekigiken ワクワク•ドキドキのメカトロニクスの世界をあなたに/800種以上のロボット搬送機や自動組立設備を開発してきたFAマシンメーカー/中小企業向けにDX情報も発信します⏩/集まれFA設計者&ITエンジニア/高専生応援企業/☺️📲詳しくはYouTubeへ/人にしかできない活動にもっと取り組める社会にする。 sekigiken.co.jp
こんにちは。デザインチームの八嶋です。2021年3月22日、SMBCのホームページが大幅にリニューアルされました。このホームページリニューアルは、約5年ぶりの大幅リニューアルでページ数は約1500ページにも及ぶ大プロジェクトでした。このプロジェクトはインハウスデザイナーによるホームページのデザインディレクションとデザインチームが作ったデザインシステムによる連携で作られています。ホームページの役割からUIの設計までコアとなる部分をインハウスデザイナーが設計し、多数のパートナー様にもご協力いただき完成させています。(特にトランスコスモス様、ありがとうございます。) 今回のnoteは、ホームページリニューアルチームの一員でもある八嶋が、デザイナーの大塚とプロジェクトマネージャーの髙橋、そして、デザインシステムを担当したデザイナーの金澤にインタビューをしました! ホームページリニューアルを通して、
2023 年 4 月にアップデートしました。 ビジネスにおいて「解像度が足りない」という言葉が使われるようになりました。この解像度という概念を、深さ、広さ、構造、時間の4つの軸で整理して、それぞれでどうやって解像度を上げれば良いのかについて解説しています。 このスライドを使ったYouTube での解説動画はこちら (2023年4月版) 東京大学 FoundX の各種リソース •FoundX Review - 起業家向けノウハウ情報 •FoundX Resource - 整理された記事の紹介 •FoundX Online School - 30以上の学習ビデオ教材 •FoundX Founders Program - 個室の無償提供とコミュニティ
ホーム ニュース 『エルデンリング』にて日本人が謎メッセージ「砦、夜」に困惑していると聞き、海外プレイヤーが面白がる。その理由とは 『エルデンリング』で見られる「砦、夜」なるメッセージが日本人ユーザーを困惑させ、その様子に気付いた海外ユーザーからも反響が寄せられている。本作の定型文メッセージが、ミーム伝達の難しさを浮き彫りにしたようだ。 『エルデンリング』は、フロム・ソフトウェアが贈る新作アクションRPGだ。本作の舞台となる広大な狭間の地には、美しい高原から危険極まるダンジョンまで、作り込まれたさまざまなロケーションが存在する。そして、絶景の感動や過酷な状況をほかプレイヤーと共有できるのが、ネットワークを利用したオンライン要素だ。本作には一時的な協力プレイ要素のほか、ほかのユーザーとのゆるい繋がりを感じられるメッセージ要素もある。 本作のメッセージは、定型文の組み合わせを地面に残すシステム
僕は紙の書類が大の苦手だ。あれはそもそも毎日のように同じ机に出勤している人たちにしか向いていない。わたしのように毎日違う机に出勤し、あちこち飛び回っていると本当に不便だ。今日も休日というのに、理事をやってる業界団体やら講演先から送られてきた書類に署名・捺印してポストに投函しなきゃならない。電子メールで用事は終えたのに署名捺印された書類が必要らしい。送られてきたExcelを印刷して捺印したのを写メで送ったり、電子データで構わないのでといわれて印影作成サイトなんかを紹介された日には、自分が何のために何をやっているか本当に分からなくなる。働き方改革といって在宅勤務やら副業を推奨するのであれば、まずは紙の書類を一掃すべきだと常日頃から感じている。 9年ほど前にIT戦略本部で何とかハンコをなくせないものかと画策したことがある。きっかけはNYに出張している最中に規制改革の委員会の委嘱状がきたことだ。翌
情報の濃い「生情報」にたどり着けない 今年2月、アメリカで「Google Search Is Dying」(Google検索は死にかけている)と題したIT系ブログ記事が話題となりました(※1)。 ※1:DKB「Google Search Is Dying」 この記事のポイントは、「広告」と「SEO」の蔓延でGoogle検索の質が低下し、ユーザーの「Google離れ」が起きているというものです。 ユーザーはどこに不満を抱いているのか。それは、なにかを調べたいと思ってGoogle検索をしても、上位には情報の薄い「まとめ記事」が出てくるばかりで、体験談やレビューといった「生情報」にたどり着けないという問題があるからです。 試しにグーグルで「トンカツ 新宿」で検索すると… この傾向は、特に商品や店のレビューで顕著です。 例えば「トンカツ 新宿」と検索すると、最上部にはGoogleマップとそれに紐付
Myersらの1992年の調査によれば、一般的なグラフィカルユーザインタフェース(Graphical User Interface; GUI)アプリケーション開発でコードの48%、実装時間の約半分がユーザインタフェース部分に割かれているといいます。それだけユーザインタフェースの設計は難しいプロセスなのです。 ユーザインタフェース設計で役に立つ基礎理論や評価手法、支援ツールは、人とコンピュータの関係をよりよくしていく学問 Human-Computer Interaction (HCI) で研究、開発されてきました。ただ、こうした知見を体系化されたかたちで学習する機会は(とくに国内では)必ずしも多くありません。 このWebページでは、自分が研究者になるにあたって知っておきたかった基礎的なことを、参考文献を挙げながら紹介します。想定している読者層は HCI を専門にする学生や、ユーザインタフェー
タワーレコードの渋谷店がイベントスペースを大幅拡張したり、新宿店の最上階をアナログ専門フロアにしたりといった動きは、「体験を売る」動きであったりとか、アナログの再評価があったりとかをキャッチアップした結果というのは、当然そうなのですが、そういう方針転換を行う上での前提として「そもそも日本に入ってくる輸入盤CDのカタログ数が減少している」という状況がありまして。 2016年頃に、タワレコに行ってもThe Divine ComedyやThe Wedding Presentの新譜が入手できなくて、ということはそもそもCDが日本に入ってくるのが相当に遅れているということじゃないか、みたいなことを言っていたのですが、結局待っても店頭には入ってきませんでした。 要するに洋楽はどんどんパッケージのリリース数が減っていて、多少作ってはいてもまとまった数が輸入盤として日本まで届くことはないという状況。タワレ
新しいコントローラーのこと。 発売当初のプロモーション番組で、芸能人たちがこぞってコントローラーから伝わってくる臨場感がすごいと言っていた。 どういう仕組なのかよくわからないけど、ゲーム内の質感や反動なんかをフィードバックしてくれるらしい。 やっとの思いで手に入れたPS5で、その部分が一番に楽しみだった。 プリインストールされてるPS5の性能紹介的なゲームをやってるときは楽しかった。 グラフィックもすごかったし、芸人のコメントはさすがに大げさすぎたけど、確かに今まで経験したことのない臨場感を楽しめた。 そうなればやっぱり新しいゲームをプレイしたくなるもので、そこそこアクションの強いゲームを買ってきた。 場面に応じて色々なフィードバックをしてくれるコントローラー。 なんというか、今まで経験したことがないというだけで楽しかった。 ところが、とあるシーンに移った時点で、それが一気に不快感に変わっ
こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。 今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。 行動 = 動機 × 実行能力 × きっかけ ザックリいうとユーザーに何か行動を促す際に「動機/実行能力/きっかけ」の3要素をどう揃えるか?というモノ。 詳しくは深津さんの記事がとってもわかりやすいのでおススメです。 アプリノックがUI改善の勘所だけでなく、Growthの知識も一緒に学べるコンテンツになっていくと嬉しいです。 それではいってみましょう! 【動機】がないと、やる気にならない①慣れない体験にはイメージ作りを よくわからない体験は
日常のハッとするような気付きを与えてくれるツイートを、イラストとともにご紹介する企画「その視点はなかった」。今回は大学教授のKohei Kawaguchi(@mixingale)さんが驚いた、アプリが違うだけで大きく変化した学生たちの反応です。 (イラスト:野田せいぞ) Discordに変えたら生徒の反応が激変 今年の授業はSlackじゃなくてDiscordにしたんだけど、それだけで学生の反応がぜんぜんちがってびっくりした。サーバーに参加した学生同士で勝手に会話を始めている。SlackでもDiscordでも機能的にみて同じようなもんでしょと思ってたけど、UIとコンテクストがちがうと受け止め方が全然違うんだな。 (Kohei Kawaguchiさんのツイートより) 大学の講義で使うアプリを、SlackからDiscordに変更したKawaguchiさん。すると、それだけで学生の反応が大きく異な
筆者(田中謙伍)はAmazon日本法人に新卒入社し、現在はAmazonで商品を出品する企業のコンサルティング会社を経営している。 Amazon日本法人在籍中に副業でAmazon内で商品を出品し3億円を稼ぎ、現在はAmazon内でヒットする商品の成功要因を分析できる立場を活かし、日刊SPA!では「ヒットする商品の背景」についてお伝えしていきたい。 今回は、日本で急成長している海外ECサイト「Qoo10」と、苦境に陥っている「楽天市場」を比較してみたい。浮かび上がってきたのは、あまりに好対照で残酷な真実だった。 Qoo10はアメリカに本社を置くグローバルEC企業「eBay(イーベイ)」が、運営する総合ECモールだ。日本には2010年に進出し、2023年で14年目を迎えている。 日本では国内EC市場の年成長率の平均が10%と言われているが、Qoo10は2021年に約30%の成長を遂げており、まさ
品質を犠牲にすることでソフトウェア開発のスピードは上がるのか? 和田卓人氏による 「質とスピード」(前編)。デブサミ2020 ソフトウェア開発のプロジェクトにおいて、リリースに間に合わせるために開発スピードを優先させ、ひとまず質には目をつぶろう、という判断がしばしば行われることがあります。 はたしてその判断は正しいのでしょうか。2020年2月13日と14日の2日間、都内で行われたイベント「Developers Summit 2020」(デブサミ2020)」の和田卓人氏のセッション「質とスピード」は、これを深く考察したものでした。 この記事では、会場に立ち見がでるほど大人気だった本セッションの内容をダイジェストで紹介します。本記事は前編と後編に分かれています。いまお読みの記事は前編です。
by Rajeshwar Bachu GoogleはGoogle検索やGmailなどさまざまなプロダクトを作成していますが、そういったプロダクトをデザインする中で得た知見などをまとめるためのデザイナー・開発者たちによる共同プロジェクト「Google Design」が存在します。そのGoogle Designが、「明白なUIこそ至高のUIである」として、ユーザーインタフェース(UI)デザインにおいて重要な要素をまとめて解説しています。 The Obvious UI is Often the Best UI - Google Design - Medium https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd デザイナーはプロダクトができる限り使いやすく、可能な限り誘導的なものになるよ
2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基本的な進め方は国際規格(ISO 9241-210※)の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開
※本記事はアフィリエイトプログラムによる収益を得ています 突然で申し訳ないんですが、初代の「ストリートファイターII」で、ザンギエフを使ってダルシムと対戦したことってありますか? あるいは、ザンギエフを使ってガイルと対戦したことは? ライター:しんざき SE、ケーナ奏者、三児の父。ダライアス外伝をこよなく愛する横シューターであり、今でも度々鯨ルートに挑んではシャコのばらまき弾にブチ切れている。好きなイーアルカンフーの敵キャラはタオ。 Twitter:@shinzaki ご存じの通り、多くの対戦格闘ゲームには「キャラ差」というものがあります。使用するキャラクターには明確な性能差があって、程度の差こそあれ「強い」キャラもいれば「弱い」キャラもいます。そして、「弱い」キャラで「強い」キャラに立ち向かうためには、並々ならぬ努力と研究が必要とされます。 初代「ストリートファイターII」で言うと、前述
書体讃歌 @typeface_anthem ※※※当方で撮影・作成した掲載物を転載する場合は必ず【引用元を併記】ください※※※写植(写真植字)の文字盤や紙資料をアーカイブしています(停滞気味)廃棄予定の方はご一報くださると幸いです◆写研・モリサワ・リョービ◆デザイナーではないです◆「奇才紳士名鑑」kemur.jp/isai230120 note.com/typeface_anthem 書体讃歌 @typeface_anthem 【告知】 本年も #紅白フォント合戦 の時間が近づいて参りました。一曲目歌詞の一文字目が出た瞬間から、全国1億2000万人の文字っ子が書体特定のRTA記録を争う一大イベントです。毎年ミリ秒単位での大接戦となります。怖。 今年の勝利の女神🏆は誰に微笑むのか!?本日19:20から奮ってご参加ください。 pic.twitter.com/fMkphHjdlb 2022-1
韓国の群衆事故を見て「日本の満員電車で事故が起きないのって凄いんだな」という意見が見られるが、実は「満員電車のプロ」であるはずの電鉄会社も甘い見立てでとんでもない失敗をした事があるんだな。 小田急にドアがデカい変な電車がいるが、あれの話である。 自分は鉄オタじゃないからそんなマニアックな話じゃないので安心してくれ。 因みに2014年に相模大野駅で脱線事故が起きて小田急全線不通になったが、その脱線した電車というのはこれだったんだな。 あの電車は混雑解消と遅延防止の為に作られたが、そのせいで小田急線は大混雑と遅延続出とケガ人の走る地獄エクスプレスと化したのだった…。 構造的欠陥と転倒事故の続出以前Wikipediaを確認したところ、これは停車駅が多い各駅停車用に作られたと書かれていたが(今は削除)、これは間違いで、混雑が酷い急行に使われていた。https://ja.wikipedia.org/
イーロン・マスクは、X(旧ツイッター)のタイムラインに表示するものを減らし「よりクリーンな」見た目にするという新ビジョンを掲げている。そのためには、基本的な機能や使い勝手が犠牲になることもいとわない。ニュース記事の見出し削除に続き、今度は返信やリポスト(リツイート)、いいねのデータをタイムラインから削除する予定だ。 マスクは今週、記事へのリンクを含む投稿でこれまで表示していた記事の見出しと本文の一部を削除し、左端に小さくドメイン名のみを表示した画像だけを残すという仕様変更を行った。これはマスクがかねて宣言していたもので、見た目をすっきりさせることが目的とされる。またマスクの支持者たちは、これにより、紛らわしいタイトルなどでクリックを誘発する「クリックベイト」も減らせると主張している。 もちろん、実際にはその逆だ。この仕様変更により、実際の記事内容とはまったく異なるテキストをつけて、あたかも
先日、グーグルが飲食店検索で初のトップにという記事を見かけて、Google Mapsがどうやってレビュー情報を集めてきたのか、過去に書いた考察記事を公開しました。 UXリサーチ目的で、普段からデザインアップデート記録を残しているんだけど、Google Mapsのレビュー機能は2016年から頻度高く使ってきたので、実体験とコンテンツを増やしてきたのか考察をまとめた内容です。 Google Mapsのレビューを始めたキッカケ最初にレビューを投稿したのは2016年で、旅行前にGoogle Mapsで行きたい場所やお店を保存して、現地に行った時になんとなく写真と口コミを投稿したのがキッカケ。 初回投稿後にレビューを促進するコンテンツがメールで届くようになった当時Google Mapsのレビューはまだ認知度が低くメールのタイトルも実験中の雰囲気があった。特典という言葉に釣られてローカルガイドに参加し
JR東日本はチケットレス化、モバイル化を推進するとして、「みどりの窓口」の閉鎖を各地で進めている。現在約220カ所ある窓口は、新幹線や特急の停車駅など利用が多い場所を除き、2025年までに140カ所ほどに縮小する計画。窓口を閉鎖した駅には、代替として「話せる指定席券売機」を設置している。JR東日本長野支社は「みどりの窓口とほぼ同等の機能」と説明。しかし、SNS上では窓口閉鎖に対して「利用客軽視」、「公共交通機関として終わってる」などと否定的な意見が投稿され続けている。有人窓口の廃止に不安や疑問を感じる人がこれほど多いのはなぜなのか。専門家に理由を分析してもらった。 (中島瑞穗) まずは「話せる指定席券売機」の性能について理解しておきたい。操作に不慣れな人はオペレーターを呼び出し、声による案内を受けながら操作できることが特徴だ。オペレーターは、利用者が操作する画面を遠隔で見ながら説明。学生割
Usable MachineのUXデザイナー/Design Matters。デザインと技術に関して書くことが大好きなデザインオタクです。 日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新しい視点を見つけるために東京に5日間、滞在してみることにしました。 日本はデザインの文化においてクオリティの高さは良く知られていて、特にテクノロジーの分野で高い評価を得ています。しかし、日本のデジタルプロダクトと非デジタルプロダクトのデザインはまったく異なることに気が付きました。インテリアデザインを始めとした日本の非デジタルデザインについて
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ
TrelloのUI(UX)が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード(Todoリストでいうタスク)の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。 ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは「Add a more detailled description...」を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio
Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典:font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという
三崎律日 @i_kaseki ニコニコ→youtubeに行くと検索性の低さ、というか視聴者側の「自由意志のなさ」に戸惑う。 「お前が次に見るもんはコレや」って常時言われてる気分。 twitter.com/HaYuTeA/status… 2022-11-16 11:46:19 はゆ茶 @HaYuTeA ええ!?!?タグ検索機能を使うと求めてるジャンルの動画を余すことなく検索できるの!? youtubeやtwitterだと偶然出会うのを待つしかないし、ほとぼりが冷めたら追いかけるのが困難になるのに!? ニコ動なら数年後にブームを知った人でも簡単に履修できるの!?すげー!!! pic.twitter.com/FMRnHbDDSB 2022-11-15 17:23:06
よんてんごP @yontengoP ベーチェット病と痔瘻という難病に侵されたナプキンを付けた社畜です。優しく 接してあげて下さい。尻穴方面/IT方面/社畜方面/下ネタ方面のツイートが多い ですが、病気なので許してあげて下さい(傲慢) よんてんごP @yontengoP コレ僕がIT業界の人間だからなのか分からんのだが、 「エラーに何が画面に出てるかおしえてください」 ってそんなに難しい作業…? 普通に 「画面上に、エラー:XXXって文言がでてると思うので、その内容を教えて」つったら 「こっちはITの人間じゃないんだから出来ない!!💢」とキレられてな 2021-05-15 18:56:53 よんてんごP @yontengoP ちなみにお客さんじゃなくて社内の他部署。 「多分画面にERR_ってのが出てると思うので そこに何が出てるかを知りたいです」 ってだけのお願いなんだけども 「こっちはI
最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ!と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ?と思ってしまう、そんな「これはやめてほしい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く