マリオのUIがフラットデザインになった日を知っているか 〜 【視伝研】UIデザインの歴史を紐解く｜Yamashita Angelica
※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。 今回の視伝研テーマは【UIデザインの歴史を紐解く】です。 年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。 そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲームUIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。 ゲームUIデザイナーを目指す初心者が作りがちなやつ （一応弁明するとこれは1〜2分くらいで作った雑UIです）もちろんこういうのを作れることは大事なんだけど、「ゲームでよくあるやつ」以外のデザインの引き出しがないままだといず
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
TechCrunch
Circu Li-ion cofounder and CEO Antoine Welter says his startup’s upcycling machine can diagnose batteries in seconds. “We know exactly which cell can be reused and which one can’t,&# Singapore-based Qosmosys has closed an astonishing $100 million seed round to develop its lunar lander tech. The company did not disclose its investors, nor did a Qosmosys spokesperson respond to Tech
入力時間11％減！書きやすいエディタのUIデザイン - クックパッド開発者ブログ
こんにちは、投稿開発部の佐野大河（@sn_taiga）です。 先日、クックパッドのiOSアプリでレシピのエディタ画面をリニューアルしました。今日はそのUIデザインの設計についてお話します。 方針は「簡素化」 エディタ画面は、レシピを考えて記録・投稿する人にとって重要な機能の一つです。レシピには材料や作り方、料理写真、タイトル、紹介文などさまざまな項目があり、頭の中にある料理をこれらの形に落とし込んでいくのはなかなか大変な作業でもあります。なので、レシピを書く際の手間を減らし、ユーザーがストレスなくレシピを書けることを目的に「簡素化」という方針を定め、改善に取り組みました。具体的に行ったことは大きく以下の二つです。 １.入力や編集のステップを少なくする 以前のエディタ 新しいエディタ 以前のレシピエディタはひとつの項目を選択するとモーダルが開き、入力を終えたら元の画面へ戻ってくるウィジェット
オブジェクトベースなUIデザイン｜Yoko Nishida｜note
WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を画面とデータに対応させながら考えていく手法。 オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク＆要求が混在する業務利用アプリケーション（SaaS / B向けサービス）のUIデザイン改善、運用で活かしやすいという印象を受けた。 大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。 要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす
UXという理解し難いモノと向き合う forエンジニア - Qiita
ユーザーエクスペリエンス（UX）という言葉をよく耳にするようになりましたが UXってそもそも何だかわかりますか？ 私はよくわかりません！ そんなUXを、エンジニア目線で噛み砕いてみたいと思います 目的 UXとは何者か エンジニアとしてどう向き合えば良いのか 問題と対策 対象者 主にエンジニア UXってアレだろ・・・UXだろ？ な人 UXを調べると目眩がする人 UXのUXは良くないと思う人 UXと聞くとズンドコベロンチョを思い出す人 注意 私はただのエンジニアです よくある「UXとは」よりも一歩引いて外側から考えます いろいろ喧嘩売ってるように見えますが、そんなつもりはないです（震え声） 要約 適当な要約 いろいろな経緯があり、UXのスコープは超広範となりました そのため、UXという概念は実践で安易に使えるようなものではありません UXの1機能レベルで見ると、有用なものもそこそこありますが、
Manabu Ueno on Twitter: "業務アプリケーションではまず「〜システム」という名称から「システム」を消す。メニュー項目では「〜管理」「〜登録」「〜検索」などの「管理」「登録」「検索」の部分を消す。すると急に洗練された感じになる。そしてそれぞれの画面に何を表示しどのような機能を持たせればよいか自明になってくる。"
業務アプリケーションではまず「〜システム」という名称から「システム」を消す。メニュー項目では「〜管理」「〜登録」「〜検索」などの「管理」「登録」「検索」の部分を消す。すると急に洗練された感じになる。そしてそれぞれの画面に何を表示しどのような機能を持たせればよいか自明になってくる。
UXとUXデザインの概念｜Toshiya Sasaki
はじめまして。デザイナーのSasaki（@toshiyassk）です。 Fintech企業ではたらきながら、UXデザインやサービスデザインを軸とした研究をしたりしています。 先日会社でUXについての勉強会（初心者向け）をさせていただく機会があったので、UXとUXデザインの概念についての資料の一部を記録しておきます。（参考文献に基づいた内容ですが、表現を変えている部分もあります。） UXとは？UXの定義にはさまざまなものがあるが、決定的な一つの定義はない 2010年に世界のUX研究者30名によってUXの定義について議論され、UXを一つに定義する代わりにUXをとらえる視点が明確にされた。 27件のUXの定義が All About UX に掲載されている。 UXをとらえる3つの視点① 主観的評価 ユーザーが製品やサービスを使った体験を通して、結果としてどのような認識をし、どのような感情や評価を抱
【sketch】TwitterのUIトレースをして気がついた事｜Masaki
初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽ですしね。 早速Twitterのプロフィール画面とタイムラインの２画面を、Sketchを用いてトレースしてみました。Sketchを用いたトレースについてはネットで既に多く説明されていたのでつまずく事はありませんでした。 Twitterをトレースして気がついた事 左：元画像 右：トレース 1.フォントについてTwitterにはinstagramなどと同様に、和文には"Hiragino sans"、英文
プロトタイピング戦国時代に終止符を打てるか？Sketch49のプロトタイピング機能を試して見た
Sketch49のプロトタイピング機能を実際に試してみた カウルTechBlogをご覧のみなさん、こんにちは。カウルでプロダクトデザイナーを勤めている稲井です。主にUIデザイン〜フロントエンドコーディングまでを担当しています。詳しい業務内容は以前寄稿した記事にまとまっておりますのでそちらをご覧ください。 今回のTechBlogは、デザインツールSketchのアップデート(Sketch49)でプロトタイピング機能がリリースされたので使用感を確かめてご紹介しようと思います。はてさてプロトタイピングの戦国時代に終止符を打つ決定的な機能となり得るのか？ ※2018/03/08執筆時の感想になります。これからアップデートされていくと思いますので詳しくはSketchの機能リリースページをウォッチしてください。 https://sketchapp.com/docs/prototyping/ Sketch
スマホの入力でも日本はガラパゴス、世界は《ひと筆書き》入力が主流だ
スマートホンでラクラク日本語入力したくないですか？ 2カ月半ほど前、私は、「スマホの最も生産的な入力方法はフリックではなく《ひと筆書き》だ」という記事を書いた。“ひと筆書き”入力というのは、キーボードの上を通常１つずつキーをタップしていくところを、 指を画面から離さないまま“なぞる”ことで入力するやり方。 「Swype Keyboard」というアプリを使いはじめていて、その気持ちよさを伝えたかったからだ（日本語対応はAndroid版のみ）。ところが、それを読んだ人からエンドウさんが紹介したSwypeはほんの一例ですよと指摘されてしまった。 というのだ。英語では、「スワイプ」（Swipe）とか「ジェスチャー」（gesture）とか、グーグルの場合は「グライド」（glide）などと呼んでいる（私が使っている入力方式は「Swype Keyboard」＝スペル注意）。 たとえば、「遠藤諭」と入力す
入力フォームについて考える - フリガナ？ふりがな？ : blog::tani.masaru
いつも参考にさせていただいているWebsite Usability Infoさんのエントリーで フリガナのカナ表記 読み仮名を自動的に入れる これらの記事を読んで色々と考えさせられた。入力フォームのコンバージョンを高める上で基本的な考えになるのは「ユーザー負荷を高めないこと」である。具体的にはユーザーにとって面倒なこと、無駄なこと（無駄と思える）ことをさせないということである。このような面倒なこと、無駄なことを如何に排除できるかがポイントになる。 で、今回注目したのは「振り仮名（読み仮名）」の入力である。まず最初に取り上げられたのは、振り仮名（読み仮名）をユーザーに求める際に「カタカナ」で求めることはユーザーにとって「面倒なこと」だろうという話である。これは、殆どのユーザーが日本語入力において入力モードを「全角ひらがな」に設定しているだろう想定に起因している。つまり、ユーザーは（変換などの
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
ユーザーを苛立たせないフォーム設計の基本 | Accessible & Usable
公開日 : 2014年11月1日 (2014年12月7日 更新) カテゴリー : ユーザビリティ ウェブサイトにおいて、ユーザーにフォームを提示する (情報を入力してもらう) ケースは多々あると思います。その際、フォームの内容が不適切だと、ユーザーは苛立ち、最悪の場合、入力の途中で離脱してしまうことすらあります。 ユーザーを苛立たせないフォームを設計する基本として、どんなことに気をつければよいのか、以下、考えてみたいと思います。 入力項目が必要以上に多くないか？ ユーザーにフォームを提示する際、あれもこれも...とつい多くのことをユーザーに聞いていないでしょうか？必要最小限のことのみを、ユーザーに入力させるようにしましょう。 フォームを通じてユーザーから情報を得るということは、サイト運営側に、何らかの目的があるから、であるはずです。その目的と照らし合わせて各入力項目の必要性や妥当性を検証し
UI談義のすすめ
https://dribbble.com/shots/1679085-Mobile-UI-Blueprint-freebie私の職場ではUIについてのマニアックな談義が行われることがあります。アプリやwebだとかのデザイン会社なので周囲にはUIやUXのプロフェッショナルが集まっていて、『UI談義』の文化が根付いています。 UIを解剖するためのUI談義UI談義とは、UIオタクで集まってUIのことをひたすら考察し合うだけの集まりです。ここには職種問わず誰でも参加が可能で、UIデザイナーはもちろん、iOSデベロッパー、Androidデベロッパー、PM、マネージャーなどなど、あらゆるタイプの人が集まります。 UI談義のテーマは突如設定されます。普段利用しているアプリのちょっとしたインタラクションが気になったらそこでUI談義が始まります。iOSのアップデートでApple純正アプリのUIが変わったタイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Design Advent Calendar 2016 - Adventar