なぜ人はブラウザの「縦タブ」で作業効率が上がるのか？｜Sakamoto | 個人開発
なぜ人は「縦タブ」で作業効率が上がるのか？認知科学の観点から読み解いてみました近年、ChromeやEdgeといったメジャーブラウザが続々と「縦タブ」を採用し始めています。従来、ブラウザといえば“上に横一列でタブが並ぶ”のが当たり前でした。しかし最近では、Arc や Vivaldi を筆頭に、縦にタブを並べるUIを標準で搭載する動きが広がっています。 では、なぜ縦タブが支持されているのでしょうか。 単なる“新しいデザイン”という以上に、じつは人間の認知の仕組みと非常に相性が良い UI だからです。 この記事では、認知科学・人間工学・UIデザインの観点から縦タブが作業効率を高める理由を掘り下げ、“なぜ今になってChromeが縦タブを実装したのか”という背景まで整理してみたいと思います。 1. 人間の視線は「横より縦」の移動が得意まず押さえておきたいポイントは、人間の視線は横方向よりも縦方向に動
むずかしすぎる！五輪大会ボランティア応募フォーム(神田敏晶) - 個人 - Yahoo!ニュース
KNNポール神田です。 いよいよ、東京五輪の大会ボランティア募集が開始となった。 『ブラックボランティア』などとネットでいくら言われようとも、ボランティアする側が納得していれば、それはブラックなボランティアではないと思う。母国の五輪のボランティアで得られる経験は、人生のうち、何度もあるものではないからだ。 ボクが1963年の東京五輪の聖火リレーを見たのは神戸市の兵庫区だった。たった２歳であったが、あの雨の日の聖火リレーは、しっかりと脳裏に焼き付いている。だからこそ、ボランティアでも五輪に参加したいと考えている。 1963年10月神戸市兵庫区上沢通3丁目 出典:神田友治撮影11万人のボランティアが必要とされている大会ボランティアが８万人（組織委員会）、そして、都市ボランティアが３万人（東京都）の募集が昨日（2018/09/26）より開始となった。それぞれの申し込みページが公開された。 大会ボ
Tik Tokをアジアで大流行させた3つの戦略（上） - 中華IT最新事情
Tik Tokが中国、日本、タイ、ベトナムで大流行している。音楽に合わせて、口パクでダンスしている15秒ムービーを投稿する動画SNS。流行をしたのは偶然ではなく、UI/UX、グローカルなど3つの戦略があったからだと接招が解説した。 アジア圏で大流行しているTik Tok Tik Tokは15秒動画のSNS。音楽に合わせて口パクとダンスをすることで動画が簡単に作れ、中国だけでなく、アジア地域で大流行している。日本でも、JC JK流行語大賞2017のアプリ部門の３位にTik Tokが選ばれている。 特に中国国内では爆発的といってもいいほどの流行で、現在、1日の起動回数は1.5億回。これはスマホ決済「アリペイ」の起動回数とほぼ同じだという。 さらに、2017年8月に海外版がリリースされると、瞬く間に広がり、150以上の国でダウンロードされ、ユーザー数はすでに1億人を超えている。Sensor To
違法アップロードサイトが人気なのは「無料だから」だけではない
ここ数日、違法漫画アップロードサイトが俄に話題だ。 皆いろいろと憤っている。当然だ。完全なる著作権侵害、知財の無断利用で金を儲けている奴など断じて許してはならぬ。別に違法サイトを擁護しようというつもりはさらさら無い。 が、それを前提にちょっと皆に聞いて欲しいことがある。どうしても言いたい事がある。 あそこの配信サイトもこの電子書籍ビューアも、お前ら全員もっと漫画村を見習えクソが！！ いやもう正直言って今更サイト名伏せる意味もそこまで無いやろと思うので特に伏せずに発言する。 漫画村は確かに違法サイトであり、「タダで漫画が読める」というのが一番大きなセールスポイントだ。しかし、だ。ハッキリ言うが漫画村は「タダで漫画が読める」という点を差っ引いても、下手な正規ルートよりよっぽどユーザーに優しい作りになっている。その事については強く主張したい。 私が漫画村という名前を知ったのは半年ほど前だ。確か「
酔いどれデザイン日誌 - Drunken Design Diary -
皆さん、UIデザイン時のエンジニアとの情報連携を行う際、どのツールを使っていますか？私はFigmaを愛用しています。 ただ、このFigmaに一点だけ気に入らない箇所があります。それはコメントが要素に吸着しない（くっつかない）ことです。これができないせいで、修正等で要素のサイズが変わったり場所が変わった際、すべてのコメントの位置を手作業で修正するという無駄な作業が発生していました。 いつかアップデートで修正されるだろうと思って我慢していましたが、全く修正されず・・・。もはや諦めていたのですが、つい最近Figmaでコメントを要素にくっつける方法を発見したので、今回はその方法を皆さんにお伝えしようと思います。 目次 Figmaのコメント仕様について Figmaのコメントを要素に吸着する方法 Figmaについて思うこと Figmaのコメント仕様について まず、Figmaのコメントが何に対して吸着し
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
Twitter幹部に聞く（1）： Twitterのアイコン、なぜ丸にしたの？ - ITmedia NEWS
インタビュー連載：Twitter幹部に聞く 来日したTwitter幹部に、素朴な疑問をぶつけるインタビュー連載。4日間にわたり、4本の記事を掲載します。 Twitterが6月半ばに大幅なデザイン変更を行い、ユーザーアイコンが四角から丸になった。この変更には賛否両論あり、「四角の方が良かった」という声も根強い。 なぜ丸に変えたのか。デザインリニューアルの意図は。このほど来日した米Twitterのプロダクト担当副社長キース・コールマン氏と、ユーザー調査／デザイン担当副社長のグレース・キム氏に聞いた。 ――6月にユーザーインタフェース（UI）がかなり変わり、ユーザーアイコンが四角から丸になった。新しいデザインには賛否両論がある。なぜ、今変えたのか。 キム氏：Twitterは昨年、ブランドアイデンティティを刷新しており、それを製品に反映させる良いタイミングだった。これまでのデザインは使いにくかった
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
【CEDEC2016】全てはプロデューサーが集中して楽しめるように！ 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに | gamebiz
【CEDEC2016】全てはプロデューサーが集中して楽しめるように！ 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 － 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法（モデリングとUI/UXデザイン）」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏（写真）が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ（以下、デレステ）』は、「Mobage」で配信されている『アイドルマスターシンデレラ
盲目のiPhoneユーザーに聞いた、視覚を使わない驚きのスマホ操作術 | スタッフブログ | マイネ王
画像：スマホのイラスト ！？ え、iPhoneってツルツルですよ！？ 触ってわかるボタン、ほぼないですよ！？ 『電話もメールもインターネットもしますよ』とのことだったのですが、 一体、どうやって使ってるの……！？ き………… 気になる〜〜〜〜！！！！ もっと話を聞かせて〜〜〜〜！！！！ 画像：ダイアログ・イン・ザ・ダーク前での社領の写真 ということで、外苑前にある施設 「ダイアログ・イン・ザ・ダーク」 にやって来ました！ 「ダイアログ・イン・ザ・ダーク」は、暗闇のソーシャル・エンターテインメント。完全な真っ暗闇の空間へグループを組んで入り、暗闇のエキスパートである視覚障がい者のスタッフの案内で、視覚以外の感覚を研ぎすませながら中を探検したりと、さまざまな体験ができる施設です。
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か - ポップインサイト
一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判
改札でSuicaをグッリィィッて押し付ける奴なんなの？
軽くかざせば反応するじゃん。 それなのに長時間押し付けてる。 後ろの俺がタッチしようとしても、まだ前の奴の手が残ってるんだよ。 まじなんなの？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nobi Hayashi 林信行 on Twitter: "このボタンにまでテプラ貼らないといけないなんて日本人のリテラシー壊滅的？海外に一人で放り出されたら生きていけない系？ https://t.co/Uuy6QnMdlz"
The Blog | Welcome to Adobe Blog
https://jp.techcrunch.com/2017/05/04/20170502youtube-revamps-its-desktop-site-with-an-updated-design-optional-dark-theme-and-faster-framework/
tomo on Twitter: "「ソフトウェア上でできることを、頑張ってハードウェアでやってしまい非効率に陥る」これが日本のソフトウェア軽視の「モノづくり病」です。左が東芝REGZAのTVリモコンで、右がAmazon fire TV。どっちが勝つかは火を見るより… https://t.co/AzDYygh9Ph"
http://www.ogura.blog/entry/2017/02/28/190245
http://hmdt.jp/blog/?p=628
https://jp.techcrunch.com/2016/05/31/20160528what-ux-designers-can-learn-from-1990s-japanese-video-games/