The 7 Factors that Influence User Experience
User Experience (UX) is critical to the success or failure of a product in the market but what do we mean by UX? All too often UX is confused with usability which describes to some extent how easy a product is to use and it is true that UX as a discipline began with usability – however, UX has grown to accommodate rather more than usability and it is important to pay attention to all facets of the
Figmaのデザインシステム UI2 を分析してみる - DESIGN JOURNAL - 株式会社モンスターラボ
今回はコミュニティの中でFigma開発チームが公開しているデザインシステム「UI2」を分析してみました。さすがFigmaの開発チームが作っているFigmaデータだけあってとてもよく作られており、観察すればするほど面白い発見があります。 ファイルのページ構成 まず最初にファイルのページ構成を確認しておきましょう。構成はとてもシンプルでわずか3ページ。1ページ目の「Main」にガイドラインとコンポーネント集などほぼ全ての情報が集約されています。あとは2ページ目の「Templates & Extras」にコンポーネントを組み合わせた画面全体の構成例があり、3ページ目の「Cover」にFigmaファイルのカバー写真という形です。
10 cheat codes for designing User Interfaces
I’d probably assume that most of us started in UI design with the littlest knowledge or nothing at all. But even though the odds were against us at the start, we managed our way through numerous design books and articles to understand how colors, typography, layout, etc work. I remember how it is established in us at Make Technology, a UX-driven company, that Design can’t be simply explained by co
FramerXでデザインと実装をシンクさせる - HackMD
FramerXを開発リポジトリに乗せ、CodeComponentを活用してデザインと実装を常にシンクさせる例をまとめました。内容はこちら→ 1.FramerXを開発用gitリポジトリで差分管理する / 2.デザインと実装のフロー /3.State Manager(状態管理）を混ぜてみる
Sketchでデザインしながらガイドラインを作ろう｜Chizuru Kamisono
はじめまして。UIデザイナーのカミソルです。 わたしはOHAKO.incの受託事業の部署でサービスの体験設計からUIデザインをしています。 今回はSketchのSymbol機能を使って、デザインしながら効率よくガイドラインを作る方法について書きたいと思います！ ※この記事はSketch Advent Calendar 2017 19日目の記事です。 なぜデザインしながらガイドライン化したいのかガイドラインを作る目的は2つあります。 1. エンジニアとの連携のため "カラーの種類"、"テキストスタイルの種類"、"画像として書き出すもの"、"コンポーネント"の4つがはっきり伝わるSketchデータにしたい。 2. デザイン運用のため デザインを運用をするとき、誰でも追加や変更がしやすいようにしたい。「デザインしながら」とつけた理由は、デザインしていたら自然にガイドラインが出来ていた。という
Redesigning the bottom navigation for 2020
This is a series of articles about making the mobile experience better for users, and find better solutions. In this piece, we will find a solution for having a seamless bottom navigation experience across all mobile devices. Bottom what???Bottom navigation bars display three to five destinations at the bottom of a screen. Each destination is represented by an icon and an optional text label. When
ユーザーとアプリは言語を通してインタラクションするもの——グッドパッチ 丸怜里 #uicrunch｜デザインビジネスマガジン"designing"
2018年3月13日、UIデザインイベント『UI Crunch』の12回目が開催された。 UI Crunchは、UIデザインを追求していくコミュニティー。GoodpatchとDeNAが主体となり、UI開発に関わるすべての人を対象とした勉強会やワークショップを定期的に開催している。 12回目となる今回のテーマは『「伝える」を加速させる。書く、読むUI』。動画や写真などビジュアルコミュニケーションの価値が注目を集める一方で、改めて書く・読むにフォーカスしたUIを考えていく。 イベントは全4部のプレゼンテーション方式。最後に登壇したのは、株式会社グッドパッチ アプリケーションデザイナー 兼 iOSデベロッパー 丸 怜里氏。テーマは『日本語アプリケーションのインターフェイスデザイン』。 丸氏は、iOSデベロッパーとしてGoodpatchに入社したが、アプリを中心としたUIを考える機会が多く、エンジ
Framer & Sketch: An Intentional Workflow
Making Framer prototypes can communicate what a final product will feel like early in the design process. I find working with Framer rewarding because it forces me to think through the logic and flow of a design in a very tangible way. Building a prototype also helps me gain empathy for some of what engineers will go through when building the product. If it’s difficult to figure out the interactio
Good to great UI animation tips
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show continuity between states, denote a relationship between shared elements, and call the user’s attention to something they should notice and act upon. To create these animations, I followed the guidelines from
Mercari UK’s New Look & Design System
From today, Mercari has a bold, inclusive new look for the UK and a new design system you can see live on iPhone and Android. We think it’s kind of a big deal. Started in Japan now we’re hereLet’s rewind 12 months. Mercari, the number one marketplace in Japan, lands in London along with the red box that is its iconic logo, eager to be picked up at baggage claim and introduce itself to the UK. Make
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Collect UI
Design System based on the 8pt Grid
Creating a sense of depth in Sketch
Noi
Behance
Muzli - Design Inspiration
Top 9 UI Design Trends for Mobile Apps in 2018
What is UI Design and the User Interface Design Fundamentals
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type