UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
ジョブズを納得させた「iPhoneに戻るボタンはいらない」理由。iOSの基礎を作った天才デザイナーの考え方とは？ | AppBank
Appleの初代「iPhone」は、当時のマルチタッチ機器としては革新的な操作感を備えており、世界を驚かせました。 しかし、iPhoneのデザインで最も議論を呼んだ要素も数多くあります。その1つが、「戻る」ボタンが存在しないことです。 関連：スティーブ・ジョブズが残した「iPad最大の欠点」をGoogleが解決してしまう なぜiPhoneには「戻る」ボタンが搭載されなかったのか？ 「戻る」ボタンは、今でも大半のAndroid端末に標準装備されているものです。これは「いつでも前の画面に戻るボタンがあれば、ユーザーは簡単にデバイスを操作できる」という考え方から搭載されています。 しかし、Appleは「戻る」ボタンのない操作体系を作り出しました。その決断の背景には、初代iPhoneが開発中だった2007年にさかのぼるストーリーがあります。 実は、当時のCEOであるスティーブ・ジョブズは、「戻る」
ファミコンではわざと押しにくくされていた!?──「スタートボタン」の歴史を徹底的に調べてみた
携帯型ゲーム機では、任天堂が2011年から展開した「ニンテンドー3DS」の世代までスタートボタンが残っていた。これは「ゲームボーイアドバンス」以降の任天堂製品が、いずれもひとつ前の世代の機種とのソフトの互換性を保ったという事情も大きい。しかしこちらも2017年発売の「Nintendo Switch」の台頭により、スタートボタンの存在感は急速に薄れることになった。 これらの動きの背景のひとつとして、そもそもスタートボタンのない携帯電話やスマートフォン、つまりモバイルゲームの市場の台頭を挙げることもできるだろう。もっとも、それらのせいにするのはおかしいとの意見もあるかもしれない。家庭用ゲーム機でも、モバイルゲームの隆盛より前から、スタート以外のボタンでもゲームを始められる作品がかなりあったのは確かだ。 するとスタートボタンは、もっと早くになくなってしかるべきだったのか。進化を続けるゲーム機に、
ゲームUIデザインのトレンドを年表でまとめてみた【2022年版】
ゲームUIデザインにも、その年によって流行りがあるような気がします。そこで、個人的に記憶に残ったゲームUIデザインのトレンドを年表でまとめてみました。 2018年までは、すでにまとめているので、気になった方は、先にそちらを見てくださいね！ あわせて読みたい ゲームUIデザインのトレンドを年表にまとめてみた ゲーム系UIデザインのトレンド年表まとめ ゲーム系UIデザインのトレンド年表【2022年】を作成しました。2018年以前は前回作成した年表です。今回、追加で2018年以降を作成しましたので、追加分についてご紹介していきたいと思います。 主観的なカテゴライズなので、優しい目で見てください（笑）。2018年以降で追加作成したカテゴリについては、下記のように分類しました。 カラフルポップ系（2018-） コミックドット系（2018-） 奥行き黒フラット系（2019-） 透明感フラット系（202
新・えきねっとは誰のためのシステムなのか？｜長沢めい
結論から書くと、ちょっと思い当たらない。というおはなし。 そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。 切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。 じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。 きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが「列車のお申し込みの操作方法が変わります」という点。 「えきねっと」トップページからダイレクトに、「乗車駅」「降車駅」や「日時」
【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
現代のモバイルゲーム開発者が向き合うべき ディスプレイ事情と、その対応方法
はじめに 現代では多くの人々がスマートフォンやタブレットを所持し、ゲームを楽しんでいることと思います。 モバイル向けのゲーム市場は大きく、世界では今も多くの開発者たちが iOS / Android 向けの商用ゲームを作っています。 さて、モバイルゲームの開発には、多くの開発者を悩ませるちょっと困った事情があります。 それは ディスプレイが非常に多くの多様性を持っている ことです。 正方形に近い形のタブレットもあれば細長い端末もあり、カメラがディスプレイの中に割り込んでいたり、 OS が専有する領域があったりと様々です。物理的な大きさもバラバラですね。 そのくせモバイル端末はタッチパネルで、ディスプレイに触れる UI になっているのです。 ゲーム開発を生業とする多くのエンジニア / アーティスト / ゲームデザイナーは、 これまでに何度も頭を抱えてきたことでしょう。 本稿では、2019 年現
The ultimate guide to proper use of animation in UX
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerni
スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note
前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで
ソシオメディア | UITableView の衝撃
ひとつのデザインが事実上の標準となり、その後の基本パターンを変えてしまうことがあります。変わった後ではそれが当たり前となってしまい、その標準に始まりがあったことなど誰も気にしなくなるのです。また振り返ってみたとしても、それがなかった頃の感覚に立ち戻ることはできないので、もはや何がどう新しかったのかを実感することは難しいのです。 2007年に iPhone が発売され、その一年後に日本で iPhone 3G が発売されてから今日（2018年7月11日）でちょうど10年が経ちました。この10年間でスマートフォンやそのアプリを介したオンラインサービスは瞬く間に普及し、私たちのモバイルコンピューティング、コミュニケーション、ソーシャルメディア、Eコマースなどの態様が大きく変化したのは周知のとおりです。 iPhone のデザインは多くの面で新しいものでした。そしてその大部分がその後のスマートフォンの
違法アップロードサイトが人気なのは「無料だから」だけではない
ここ数日、違法漫画アップロードサイトが俄に話題だ。 皆いろいろと憤っている。当然だ。完全なる著作権侵害、知財の無断利用で金を儲けている奴など断じて許してはならぬ。別に違法サイトを擁護しようというつもりはさらさら無い。 が、それを前提にちょっと皆に聞いて欲しいことがある。どうしても言いたい事がある。 あそこの配信サイトもこの電子書籍ビューアも、お前ら全員もっと漫画村を見習えクソが！！ いやもう正直言って今更サイト名伏せる意味もそこまで無いやろと思うので特に伏せずに発言する。 漫画村は確かに違法サイトであり、「タダで漫画が読める」というのが一番大きなセールスポイントだ。しかし、だ。ハッキリ言うが漫画村は「タダで漫画が読める」という点を差っ引いても、下手な正規ルートよりよっぽどユーザーに優しい作りになっている。その事については強く主張したい。 私が漫画村という名前を知ったのは半年ほど前だ。確か「
君たちはそんなにハンバーガーメニューが好きなのかね？
はじめに 本稿は UI Design Advent Calendar 2015 – 8日目のモバイル UI に関する記事です。 まず私はハンバーガーメニューという UI が嫌いです。その理由についてこの記事で説明していきたいと思います。 あの三本線を人はハンバーガーと呼ぶ 最近よく見かけるあの“三本線”のことを海の向こうでは ハンバーガーアイコン とか ハンバーガーメニュー とか言うらしいです。上のがパンで、真ん中のがハンバーグで、下のがパンに見えるからだそうです。にしてもこのただの三本線をハンバーガーと表現するのは少し無理があるような気がします。まあ違和感あれどそこに抗っても仕方がないので、とりあえずこれはハンバーガーと呼称することにします。 ハンバーガーメニューを避けたい理由 真面目にハンバーガーメニューを考察してみます。 1. 何をするのかがわからないアイコン https://dri
Misused mobile UX patterns
If you are an experienced designer, you probably agree that being inspired by others is not stealing in UI design. It’s best practice research. It’s using design patterns. It’s following the guidelines. It’s making sure to use patterns that your users are familiar with to create usable interfaces. Some might say that sticking to the guidelines and following others will kill creativity and, at the
Private Presentation
Private content!This content has been marked as private by the uploader.
「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type
モノづくりをテーマに行われた『TechLION vol.18』。登壇者は左から寺薗淳也氏、瀬尾浩二郎氏、増井俊之氏 コンピュータはこの30年、まったく進歩していない――。 有名エンジニアによるトークライブの場としてすっかりおなじみになった『TechLION』の壇上で、慶應大学環境情報学部の増井俊之教授は業界の現状を憂えた。 2014年9月に開催された『vol.18』のテーマは「モノづくり」。小惑星探査機『はやぶさ』プロジェクトチームの一員としても知られる会津大の寺薗淳也准教授、面白法人カヤックから独立しフリーのエンジニア/クリエイティブ・ディレクターとして活躍中の瀬尾浩二郎氏とともに、UI研究の第一人者、増井教授は登壇した。 時々刻々と性能が上がっているように見えるコンピュータ（編集部注:増井氏の発言では「計算機」）が、30年にわたってまったく進歩していないと指摘する増井氏の真意とは？ 『
iPhoneの電卓で2500÷50を計算してみた結果ｗｗｗｗｗｗ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:22:59 ID:BZs7VpX50 1 は？ 2: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:23:33 ID:H/oStVp60 嘘乙 5: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:03 ID:tOB/+Dr70 まじだった 6: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:04 ID:0qu1mSub0 まじたった 7: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:07 ID:iqcWhVXK0 すげぇ 51: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:35:16 ID:3mMcECnQ0 スクショはよ 65: 以下、名
１週間で３台のテレビを試した結果Samsungが最高だった話 | Basuke's Blog
ベッドルームにテレビを導入しようという話になりまして。アメリカではテレビといえば普通ケーブルかDirectTV、うちは大して見ないのに月額料金払うのも悔しいので、アンテナからの普通のテレビを見ています。日本だとまだ当たり前の話なんだけど、テレビ先進国（？）のアメリカではそんな人種は絶滅して久しいらしく、情報が極めて少ないのです。そんな中でのテレビ購入、今回見事にアンテナの落とし穴にハマってしまいました。 まず最初に候補に上がったのはCostcoで売ってる安いVIZIOの24インチTV。ちょうど安売りの時期で$160程度。奥さんもたかがテレビにまた数百ドル出すのには乗り気ではなく渋い顔をしてることもあり、$200が上限かなーと思ってたところ。$160なら文句なし。AppleTVを繋ぐのでHDMIが必要なんだけど、今時のテレビはどんなに安くてもHDMIは一つはついてます。問題なし。 VIZI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もし文章を読みたい部分だけ読みたい粒度で読めるようになったら、というアイデアがめっちゃ面白い「これすごいな」
iOS 7で「吐き気」 世界中で苦情 - ライブドアニュース
iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
