#UIデザイン
iOS構造設計の実践ガイド〜HIGは読んだけど、次に何をすればいい？〜
こんにちは！i3DESIGNデザイナーチームです。
今回は、iOSの構造設計についてお話しします。まず前提として、iOSにおける構造設計には、Apple独自の理念と原則をまとめたHuman Interface Guidline（通称HIG）の理解が重要になります。しかし、HIGを読んだだけでは、具体的なUI設計は難しいと感じる方も多いのではないでしょうか？
本記事では、HIGの理念を具体的なシ
実務のためのマイクロインタラクション入門 @ Friends of Figma Shonan
2023.11.29にFriends of Figma Shonanで発表した内容を紹介します。当日使用したスライドは以下から確認いただけます。
はじめに今回のテーマは「実務のためのマイクロインタラクション」です。
オライリーから出版されている『マイクロインタラクション』では以下のように説明されています。
最小単位のインタラクション
「愛される製品」と「許容範囲の製品」の違いを生む
トリ
UIモーション 02：理解のための動き
UIモーションについての記事第二弾です。
前回の記事ではUIになぜ動きが必要かを説明しました。
この記事で取り上げたように、UIに動きを取り入れる際は大きく２つの目的があります。 １つ目は「理解のための動き」です。利用者は動きを通じてシステムの状態や変化、情報の構造や関係性、操作方法についての理解を得ることができます。２つ目は「演出としての動き」です。グラフィック要素と共に使用されることが多く、
エンジニア直伝！デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法
こんにちは、@ShikiCheriです。
現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。
デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…！？クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サ
「ユーザーを褒めるデザイン」について分析してみた
こんにちは。SOMPO Digital Lab プロダクトデザイナーの林です🙆♀️ 皆さんは、「サービスを利用していたら、不意に自分を褒めてくれてちょっと嬉しくなった」という体験はありませんか？私は最近言語学習アプリを日々の日課にしているのですが、アプリの中でキャラクターが自分を褒めてくれるのが、継続の大きなモチベーションになっています。そこで、今回は「ユーザーを褒めるデザイン」に注目し、それ
もっとみる
都合の良いUIデザイン〜わがままで怠惰で理不尽なユーザーのニーズに応える10のポイント〜
こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。
突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分
UIモーション01： UIになぜ動きが必要か？
スマホアプリやWebサービスなど、スクリーン上のUIには様々な形でモーション（動き）が使われています。
こうしたUIモーションは利用者として毎日何気なく目にしているものですが、そこには作り手がいて目的があるはずです。この記事ではUIモーションの目的と効果的な使用方法について考察します。
UIモーションとUIアニメーション「モーション」と「アニメーション」はどちらも動きを表す言葉として、同じ意味で
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編
こんにちは！i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。
マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま