コ・デザインのためのシンキングシート
![デザインのしたじき](https://cdn-ak-scissors.b.st-hatena.com/image/square/721f53eba04394ea13282f5452b90b7f4efdcb75/height=288;version=1;width=512/https%3A%2F%2Fshitajiki.net%2Fwp%2Fwp-content%2Fuploads%2F2021%2F07%2Flab-shitajiki-ogp.png)
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」(2021年11月15日公開)の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか?UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
A list of my favourite design resources. Everything that makes your life easier, from UX research to the perfect mockup. Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 (ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください) 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience(ウェブ戦略としての「ユーザーエクスペリエンス」)』にて提唱
Configuration file, design tokens, toast notifications and more!Your next Vue.js project deserves the best developer experienceInkline is the intuitive UI Components library for building high-quality, developer-friendly, configurable, and accessible Vue.js Design Systems. More than just a UI LibraryWhile many UI libraries focus solely on UI and UX, they often overlook the most crucial element - th
Marcin Wichary @mwichary First keyboard I interacted with in Japan was already kind of amazing. Mechanical numeric keypad in an ATM! pic.twitter.com/U0bnG3rWui 2018-02-01 16:43:32 Marcin Wichary @mwichary Things that surprised/amazed me about Japan, an ongoing thread. (More likely UI than food, but you know this already.) It’s my first time here. Please comment away and/or point out my cultural in
こんにちは!三井住友銀行 デザイナーの堀と申します。 前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。 その中で「銀行アプリが変わった」とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。 今回はその「三井住友銀行アプリ」について書いていきたいと思います。 本題に入る前に…、お伝えしたいことがあります。 三井住友銀行初!2019年度グッドデザイン賞を取りました!!(ぱちぱちぱち) デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは本当にうれしかったです。 それでは本題です。 アプリリニューアルの背景 様々な理由がありますが、まずはこれです。 キ
アプリケーションを実装していくと、「大規模なUI改修」に遭遇することがある。 あちこちで見聞きした結果、以下のようなパターンがあるように感じたのでまとめてみた。 (UI改修なので基本的にフロントエンドからみた内容) これは一般的に「技術的負債」と呼ばれることが多いが、デザインの負債(UIを置く場所が無くなったり無くなったり、同じ概念のUIが分散したり)である場合も多い。 (ちなみに、デザインの負債は「ダイアログを多用する」とか、「最小画面サイズが大きくなる」とかの形で現れやすい) そして、デザイン負債に対応するために実装の困難なUIが増えるため、技術的負債も高くなる傾向がある。 (サーバサイドの技術的負債がDBの負債に起因する場合が多いことと似ているかもしれない)
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい! コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること(タスク)の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象(オブジェクト)を画面とデータに対応させながら考えていく手法。 オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク&要求が混在する業務利用アプリケーション(SaaS / B向けサービス)のUIデザイン改善、運用で活かしやすいという印象を受けた。 大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。 要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす
アプリや製品を開発する時、何か問題を解決するために作られるはずです。そして、ユーザーに使いやすいと思ってもらうためには優れたデザインを設計する必要があります。具体的な方法、実際のアプリ事例をもとにデザインプロセスを身につけましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 本稿は、Studio by UXPinのブログ記事を、了解を得て日本語翻訳し掲載した記事になります。 「問題を解決するためには、まず最初に、問題が存在すると認識す
最近増えているスタートアップで働きたいデザイナー向けの記事です。自分の経験から勧めたい・知っておいて欲しい事をまとめました。 作業環境はケチらないで投資する学生でも本気で勉強すれば1年以内にその投資を回収できるので、PCはケチらずにハイスペックなMacBook Proを買った方が良い。 稀に安いからと言う理由で、MacBook Airや旧スペックのPCで作業している人を見かけるけど、若い時ほど本質的な勉強に時間を裂いて欲しいし重い環境で作業し続けるのは効率が悪くインターンの @reo も古いPCで効率悪かったので、新品のMacBook Proを付与して、まともなソフトウェアセッティングとショートカットを教え込んだ。 ちなみに、僕がデザイナーにiMacではなく、Macbook Pro+外部ディスプレイを勧める理由は、キーボードとトラックパッドが近いと手を動かす量が減って作業効率が良いのと、仕
夏、満喫してますか? 夜は何してる? フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。
私たちがデザイン思考を実践する一方で、業界外の方にはそれがある種の呪術的思考とみなされることがあります。デザイン思考がバズワードとして広まっているのは間違いありません。 デザイン思考というバズワードの背後にある、実践方法に目を向けさせるためには、きちんとデザイン思考をビジネスと関連付け、価値の実例を示す必要があります。専門用語を削ぎ落として、デザイン思考をビジネスプロセスとして説明しましょう。 私なら最初に、デザイン思考を30秒の価値提案として要約します。それからその効果の証拠として、お気に入りのケーススタディを用いて説明します。 30秒のデザイン思考 デザイン思考という言葉は使われすぎていて、複雑なものに感じるかもしれません。しかし実際には、非常にわかりやすい概念です。 中心となる理念は、(1)まず顧客の問題に焦点を当てて、(2)アイデアを繰り返し出し、(3)フォーカスするアイデアを決め
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の4カテゴリで情報がまとめられています。 Portfolios(ポートフォリオ) Resumes(履歴書) Resources(デザイン素材) Articles(投稿記事) オススメなページ順に、簡単に内容を紹介します。 Articles(投稿記事) ポートフォリオに関連した記事が読めます。 今のところ4記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
普段、インターネット上ではただのゲーム好きとして活動(?)しておりますが、本職はWebサービスやスマートフォンアプリのUIデザイナーをやらせていただいております コウノ アスヤ(@asuyakono)です。 退勤後はイベントに登壇!土日はコンセプトデザインで習作!みたいな同僚を横目に、仕事の時間以外はもっぱら家にこもってゲームを遊び、プレイ後に感想を記事にしてネットに公開することが多いです。それがこのブログです。このブログではいつも「良いも悪いも正直に。なるべく平易な文で。」をモットーに書いてますが、記事のボリュームを考えたり、専門的すぎないように気をつけていると、どうしてもなくなく端折らざるを得ない話題というものがあります。 それは、ゲームにおける「インタラクション・デザイン」のことです。 「友達が少ない」「インドア」「両親が共働き」の3本揃いで、物心ついた時から1人で黙々とビデオゲーム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く