simommのブックマーク - はてなブックマーク

simomm id:simomm

ブックマーク / uxmilk.jp (8)

Atlassianがデザインシステムの構築から学んだこと
10年以上の歳月を経て、Atlassianのデザインは徐々に改良・洗練されていきました。そういった流れの中で、Atlassianは、2012年に最初の公式なデザインシステムを作成しました。当時の最優先の目的は、Atlassianのすべての製品で一貫性を確立することでした。最初の﹁デザインシステム﹂は、実際には従来的なスタイルガイドに近いものでした。次の5年間で、Atlassianはデザインシステムの開発と調整を行い、有益な教訓を学びました。それは、デザインシステムは一貫性の維持だけにとどまらない効果があるということでした。2017年の最新バージョンでは、製品のインターフェイスからフリクションを減らすことに重点が置かれました。そして、デザインシステムを補完するUIライブラリー﹁Atlaskit﹂が追加され、デザインシステムの機能が定義されました。 Atlaskitでは、標準となるUIコンポ
simomm 2019/05/01
日常的に使うツール的なものだと、デザインシステムは有効なのでは。

デザイン

デザインシステム

UIデザイン
リンク
効果的なUXライティングのための16のルール | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注‥当記事はあくまで英語におけるUXライティングについての紹介になります。なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか多くの場合、プロダクトの開発者は、UIのテキストをプロダク
simomm 2019/03/24
UX

UI

デザイン

ライティング

UIデザイン

UXデザイン
リンク
コンバージョン中心設計（CCD）のシンプルな７原則
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 Oli Gardner氏は、マーケター向けのランディングページ制作会社であるUnbounceのクリエイティブディレクターであり、コンバージョン中心設計︵CCD︶の提唱者です。彼は、CCDによって、Webサイト上の各ページが﹁責任あるコンテンツ﹂になると言います。さらには、Webサイトの訪問者を顧客にするために各ページが果たす役割の影響力や成功、意義を測定することができます。デザインとは問題解決のことを意味することが多く、デザイナーが対処する問題の多くはユーザーに関する問題です。しかし、問題解決に関して言えば、ほかにも考慮すべきことがあります。それは、ビジネスに関する問題解決です。コンバージョン中心設計︵CCD︶は、デザイナーがビジネスゴールの達成へとつな
simomm 2018/07/28
growth hack

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

デザイン

design

UX

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
リンク
次世代のワイヤーフレーム「マイクロフレーム」とは
Marcinは製品デザインのプラットフォームである、UXPinのCEOおよび共同創設者です。2010年にUXPinを共同創設して以来、彼はポーランドのシリコンバレーオフィスの製作チームをリードし手助けしてきました。﹁ワイヤーフレームの時代は終わりました。インタラクティブなプロトタイプこそがすべてです。﹂私たちは少なくとも7年間は、この主張を聞き続けてきました。もしこのような議論に対して、人気がすべてを証明するというなら、真実はこの主張の逆と言えるでしょう。なぜならワイヤーフレームは終わったらしいと議論され続けているという事実自体が、ワイヤーフレームは顕在で、デザインプロセスにおいて少なくとも一部のプロジェクトやデザイナーに適合する形で存続していることを証明しているからです。ワイヤーフレームはどのように生き残ってきたのでしょうか？　実はワイヤーフレームは進化し続けています。ワイヤーフ
simomm 2017/09/20
ワイヤーフレーム

デザイン

UI

webデザイン

UIデザイン
リンク
InstagramやAirbnbなどのUIデザインに見る新しいトレンド
ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。「コンプレクション・リダクション」とは「コンプレクション・リダクション」なんて聞いたことがありませんか？　聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。編注：Complexionは「顔色」「血色」という意味で、Reducti
simomm 2017/01/03
１. より大きく、太い見出し２. よりシンプルで、汎用的なアイコン３. 使用色の減少

UI

デザイン

design

UIデザイン

webデザイン
リンク
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL‥FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL‥PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
simomm 2016/03/14
Chrome

デザイン

webデザイン

web制作

webdesign
リンク
1