[B! design] simommのブックマーク

simomm id:simomm

designに関するsimommのブックマーク (81)

医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？｜Kei Kobayashi｜note
医師は情報が詰めこまれたスライドが好き？こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり﹁医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです﹂と言われ驚きました。たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして﹁好き﹂なわけではない、そう思っていました。しかし改めて﹁もしかして医師は本当に複雑なデザインが好きなんじゃないか？﹂という疑念がわいてきました。よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
simomm 2023/01/12
design

デザイン

Product Management

UI

UX

UIデザイン
リンク
Manabu Ueno on Twitter: "一般的なフォームで、名前や電話番号の入力欄の分割をやめるよう指摘すると、DBの都合でできないと言われることがある。なぜDBのフィールドを分けるのか聞くと、「できるだけ細かく情報を取った方がいい気がするから」という運営者の曖昧な管理… https://t.co/oJixrHiUi3"
一般的なフォームで、名前や電話番号の入力欄の分割をやめるよう指摘すると、DBの都合でできないと言われることがある。なぜDBのフィールドを分けるのか聞くと、「できるだけ細かく情報を取った方がいい気がするから」という運営者の曖昧な管理… https://t.co/oJixrHiUi3
simomm 2020/07/24
UI

UIデザイン

デザイン

design
リンク
Sketch + InVision + Zeplin + Abstractで効率化するデザインフロー
デザイナーの西田です。弊社では目的に応じて、複数のデザインツールを使い分けてUIデザインを作成しています。昔は各々好きなデザインツールを使っていたのですが、事業がどんどん拡大し、メンバーが増えていくと、チームで統一されたワークフローがないと回らない状況になっていきました。各ツールの長所＆短所を何度も議論した結果、現在はSketch + InVision + Zeplin + Abstractの組み合わせで進めています（2018年9月時点）今回の記事では、現状のデザインツール＆フローに至った経緯を紹介していきます。目次 1. プロダクト＆チームプロダクトチーム 2. ワイヤーフレーム：自由 3. モックアップ：Sketch vs AdobeXD vs Photoshop Zeplin連携 Sketch Librariesによるコンポーネント化 4. プロトタイプ：InVision
simomm 2020/07/04
ツール

モックアップ

デザイン

design
リンク
The complex relationship between data and design in UX
Go deeper into fascinating topics with original video series from TED
simomm 2020/05/09
SpotifyのA/Bテストについてのプレゼン

データ分析

data

デザイン

design

UX

グロースハック

growth hack

ABテスト

TED

spotify
リンク
デザインに便利なツール18選｜かずたか
Anycloud Inc.COO ex-SAGOJO Inc. COO マーケのコンサル→プログラミング独学して起業。プログラミング、データ分析、デジタルマーケディングなどが得意。学校講師、プロボクサーもたまに。
simomm 2020/05/04
デザイン

プログラミング

programming

UIデザイン

design
リンク
ソシオメディア | OOUI の目当て
OOUI の目当てについて考えたいと思います。私はここで﹁目当て﹂という言葉を﹁オブジェクト﹂の訳語として使っています。このタイトル自体に同語反復的な響きを持たせてみたのです。OOUI は﹁オブジェクト指向ユーザーインターフェース﹂のことですから、OOUI について考える上ではオブジェクト指向とは何かということについて考える必要があります。するとさらにオブジェクトとは何かというところまで遡って、このコンセプトの本質を見ていく必要があるのです。そこで、O︵object︶、O︵oriented︶、OO︵object-oriented︶、U︵user︶、I︵interface︶、UI︵user interface︶、OOUI︵object-oriented user interface︶という風に言葉を分解して、それぞれの意味を確認しながら、OOUI の目当てを探っていきます。オブジェク
simomm 2019/04/24
"道具作りとは、ユーザーが自分でやり方をデザインできるようにすること" "道具が人間を作った" "ユーザーが対象へ直接的にアプローチできるようにする"

UI

OOUI

design

デザイン

UIデザイン

オブジェクト指向

上野学
リンク
UI トレースは何をトレースしているのか｜ai
エレクトリックベースをはじめて買ったとき、まず練習したのは Mr.Big の To Be With You だった。Billy Sheehan のベースの中ではそこまで難易度が高くないバラードだし、寮で同じ部屋の先輩が、よく口ずさんでいたから。楽器を手にした人が最初にやるのは、誰かの作った曲を奏でることだろう。たくさんの曲をコピーするうちに、だんだんと自分なりの弾き方が身についていく。その練習方法について批判する人はあまりいない。しかし UIのデザインやイラストになると、とたんに渋い顔をされたりする。自分が良いと思ったデザインをトレースし、なぜ良いと思ったのか分析することは、有意義なことだと私は思う。もちろん、ただ写すだけではツールの習得にしかならない。しかし例えば、有名な Jesse James Garrett の 5 Planes Model を地図に、トレースした表面から深
simomm 2019/04/24
"UI をデザインをしているのは、ソフトウェアエンジニアなのだ。"

UI

ソフトウェア

デザイン

design

上野学
リンク
Backdrop | UX は iPhone によって発見された説
UIデザインに20年近く携わってきた私としては、昨今、﹁UX と UIは違う﹂と多くの人が言うのを聞くたび、違和感を覚える。なぜなら、彼らが UXと呼んでいるものはまさに、我々がずっと﹁ユーザーインターフェースデザイン﹂と呼んできたものだからだ。それは決して画面の表層的なグラフィックを指すものではなかった。システムが提示する概念モデルや、サービスが提案する体験価値を、合理的なインタラクションの蓄積として現すこと。ユーザーが知覚するシステムの全体像を定める試み。それがUIデザインだったし、そういうスコープで HCI や UCD はテーマづけされてきたと思う。そもそもユーザーインターフェースという概念はかなり抽象度が高いと思っている。まず、ユーザー︵利用者︶という言葉は、人間というものに対する人工物の存在を前提としていて、人が道具を作り道具が人を作るという、社会や文化の根本的な発展スパイ
simomm 2019/04/24
UX

デザイン

design

マーケティング

UI

上野学
リンク
デザイン組織の成熟度に合わせたデザインシステム提案
難易度が高過ぎな海外事例 Web で公開されているデザインシステムは、インスピレーションにはなりますが、最初に目指すものとして相応しくない場合があります。好例として紹介される Salesforce の Lightning Design System が最初に GItHub にデプロイされたのが 2015年の9月。プロジェクトが始まったのはもっと前だと思うので4年くらい続けているはずです。Salesforce で働くデザイナーの数は分かりませんが、 LinkedIn で調べると 300 名以上のデザイナーが検索結果に表示されます。少なくとも 300 名のデザイナーが働いている組織が4年くらいかけて作っているものと同等なものは作れません。欧米の事例は﹁自分たちでツールを作ることもあります﹂と言うような大規模組織が多いことから、参考にならない場合があります。ひとまず原則や色から始める
simomm 2019/04/23
デザイン

design

デザイン組織

UX

UI

デザインシステム
リンク
スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note
前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhoneXから22%縦長化特に著しく変化したのが、iPhoneXが登場した事によってそれまで1.77だった縦横比が2.16まで
simomm 2018/11/11
全てのアプリが、起動から始まりコア体験に至るまでの過程の操作をほぼ画面下半分の領域だけで実現出来ている

UI

デザイン

design

UIデザイン

apple

iOS

Android
リンク
なぜ多彩なデザインツールが出てきているのか
2010年代は﹃革命﹄ 2000年代であれば、デザインツールは Adobe 以外の選択肢を考えることができませんでした。小さなツールは幾つか出ていましたが、仕事で使おうと思えるデザインツールはほぼ皆無。しかし、2010年にSketchが登場して以来、状況が大きく変わり始めてきています。他に使おうと思えるものがなかった 2000 年代に対し、2010 年代は次から次と魅力的なツールが登場しています。今では﹁また出た﹂とウンザリしている方もいるかもしれませんが、2000 年代の静けさと比べると革命といって良いほどデザインツールが増えています。こうした変化のなか、Adobe も Experience Designer という Creative Cloud には今までなかった種類のアプリを 2016 年にリリースしました。今までデザインツールを独占していた Adobe でさえ、2010年代に
simomm 2018/08/15
Sketch, inVision, Flinto, Prottなどのデザインツールの価値について。

UI

デザイン

design
リンク
スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗！(ヤフーCMO村上)【K16-6A #6】
スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗！(ヤフーCMO村上)【K16-6A #6】 2017 2/06 ▶平日毎朝7時に公式LINE@で新着記事を配信しています。友達申請はこちらから！ ▶ICCの動画コンテンツも充実! Youtubeチャネルの登録はこちらから！「ユーザー・エクスペリエンスのベストプラクティス」【K16-6A】セッションの書き起し記事をいよいよ公開！7回シリーズ(その6)は、スマートフォンサービスにおけるユーザー体験の高め方や留意点等について議論しました。ぜひ御覧ください。ビジネス最適化プラットフォームを提供するドーモ株式会社（Domo）はICCカンファレンス KYOTO 2016のゴールド・スポンサーとして本セッションをサポート頂きました。ビジネスデータの集約とリアルタイムの意思決定が可能なDomoの詳細はこちらからご覧ください。 ICCカ
simomm 2018/08/15
ハンバーガーメニューにユーザーは慣れてきたが、その部分はメニュー及び設定であって、それ以外の要素を入れても全然使われない。ヤフーのいろいろなアプリの回遊のリンクを入れて失敗。

UI

UX

デザイン

design
リンク
本当に実践的なデザインドキュメントの書き方第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo - Adobe Blog
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
simomm 2018/07/28
デザイン

UX

design

UI

web制作
リンク
さまざまなデザインの伝達手段と自分に適した手法の見つけ方
私は、UXデザインアプリケーションであるUXPinのCEOであるMarcin Trederです。そして、ベテランのUXデザイナー兼UXチームのマネージャーでもあります。みなさんにワイヤーフレーミングとデザインドキュメントの作成をご覧いただけることを大変嬉しく思います。毎日の仕事をより簡単にするための応用テクニックをみなさんが楽しんで学習することを願っています。この記事では、ワイヤーフレームの作成方法やデザインドキュメントの作成方法を紹介します。私自身の経験を踏まえたヒントをお伝えすると同時に、私が犯した重大なミスをみなさんは避けられることを期待しています。記事は実践向けに作成されています。なので、少しのデザイン哲学と多くの実話を期待していてください。すべてのデザインドキュメントの事例は、UXPinによって作成されています。ワイヤーフレーム、プロトタイプ、モックアップの違い数年前
simomm 2018/07/28
ワイヤーフレーム、プロトタイプ、モックアップの違い

デザイン

design

UX

UI
リンク
開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog
こんにちは、ふじけん (@kenshir0f) です。普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。業務ではSketchを使ってアプリのUIを組んでいるのですが、先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっくりまとめてみます。なぜsketchから乗り換えたのか今まで他の人と共同で同じsketchデータを作業することがなかったのですが、メンバーが増えてからはabstractで共同で作業していました。ライブラリを分けたりbranchを切ったりしながらデザインを行っていたのですが、しばらく経つと不満点がいくつか見えてきます。影響範囲がでかいライブラリを更新するとコンフリクトしやすい branchを切って作業してマージするなどスピードが遅くなりやすいデザイナーにb
simomm 2018/07/16
ツール

デザイン

sketch

Figma

開発

UI

design
リンク
スプラトゥーン、みまもりSwitchなど任天堂のUI/UXデザイナーさんによる「“娯楽”を追求するUIデザイナーの仕事とは」 #uicrunch
リンク connpass UICrunch #13 娯楽のUI - by Nintendo - (2018/04/27 19:00〜) ## “娯楽”を追求する、UIデザイナーの仕事とは私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂からお迎えし、﹁Splatoon﹂や﹁Nintendo みまもり Switch﹂などの事例を交えながらお話いただきます。子どもから大人まで楽しめる娯楽の裏側には、どのような想いや工夫があるのか。みなさんと一緒に学べる機会になればと思います。また、後 59 users 1621 UICrunch @ui_crunch ﹁娯楽のUI﹂、開場しました！19:30より、任天堂さんのUI/UXデザイナーさんにご登壇いただきま
simomm 2018/06/27
教えることより体験してもらうことが重要。はじめての体験は貴重。

UI

UX

デザイン

任天堂

design
リンク
IDEOに発注できるRFPの書き方 – ボストン市boston.govリデザインPJを例に
米国東海岸・ボストン市の公式サイト boston.gov が昨年リニューアルオープンし、そのプロセスにデザインファームIDEOが関与して、いろいろオープンにしていることが話題になっています。 IDEOが参加。ボストン市「Boston.gov」の創造的なリデザイン｜ビジュアルシンキング（『たのしいインフォグラフィック入門』櫻田潤さんのブログ）公開されているプロセス資料がどれも面白いのですが、中でも《RFP（Request For Proposal : 提案依頼書）》が面白いです。このRFPはヤバイ！！これほどまでに与件が明確で、かつ応札者の「本気度」を要求するRFPは見たことがありません。アメリカの契約文化や、アメリカ地方自治体ならではの法的ルールに関連するものもあると思いますが、とはいえ、日本の発注者でこれだけ明確な文書を書ける人は稀だと思います（私はいずれこういう発注者をやりたい）
simomm 2018/03/18
デザイン思考

design

web制作

プロダクトマネジメン

Product Management
リンク
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UXin Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。タブのコンテンツをスライドさせるアニメーションカードをタップして詳細を表示するアニメーションコンテンツを表示するアニメーションコ
simomm 2018/03/18
ui

design

Webデザイン

web制作

UIデザイン
リンク
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
simomm 2018/03/18
　カラーの調整の仕方

デザイン

ui

design

webデザイン

UIデザイン
リンク
モバイルアプリで使えるナビゲーションコンセプト10選
この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 10 Innovative Navigation Examples in Mobile App Design モバイルのナビゲーションデザインには、さまざまな形や形式があります。すべてのナビゲーションが同じ構造でできていれば、ユーザーにとってわかりやすく直感的ですが、現実はそれほど単純ではありません。アプリにはそれぞれ固有の問題がありますが、それらはナビゲーションデザインを使用して解決できます。たとえば、7つか8つの主要なメニュー項目があるアプリでは、おそらくハンバーガーアプローチを実装します。3つのメニュー項目があるアプリでは、タブバーのようなものを実装するでしょう。これとは別に、AppleのiOSでは下部のタブバーを、GoogleのAndroidでは上部のタ
simomm 2018/03/12
アプリ

UI

UIデザイン

デザイン

design
リンク
1 2 3 4 5 次のページ