私たちのUI/UXデザインの考え方

私たちのUI/UXは、見た目をただきれいに設定し、使いやすくすることを目的としていません。お客様のサービス・アプリ・システムについて、ビジョン（目的）をヒアリングさせていただき、そこに向けて市場調査やペルソナ選定、行動分析を徹底的に行います。 ターゲット層の動向を明確にした上で、シミュレーションや項目選定、トンマナ設定などを行い、UXを作り込んでいきます。 その後のUI作成ではターゲットに応じて、使用フォント、フォントサイズ、余白、カラーリングなどの細かい設定・調節を行います。UI/UXを作り込むことで、ユーザーがストレスなく使え、長く愛されるサービスができあがると考えております。

プロジェクトの進め方

我々は様々な手法の中から、クライアントの課題に合う手法を取り入れ クリエイティブを通してクライアントの課題を解決していきます。 具体的に、市場調査やペルソナ選定、行動分析からターゲット層の動向を明確にした上で、シミュレーションや項目選定、トンマナ設定などを行います。 その後ターゲットに応じて、使用フォント、フォントサイズ、余白、カラーリングなどの細かい設定・調節を行います。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 下記は制作プロセスの一例になります。 このように複数のプロセスに沿って課題解決を行っていきます。 ■STEP1：目的設定・目標設定（設定） 「サービス概要」のヒアリングを行い、解決しなければならない課題を明確にし、最終的な「目標」の設定を行います。 ↓ ■STEP2：市場分析・ターゲット明確化（分析） 市場規模、市場動向の分析を行い、自社の現状立ち位置などを明確化した上で、対象となるペルソナの設計を行います。 ↓ ■STEP3：行動分析・要件定義（戦略） ユーザーの行動を想定し、画面毎の導線を繋ぎ導線設計を行います。また、使用するユーザーの権限やユーザーアクションによって、ユーザーが得る情報や必要な情報などを要件にまとめます。 ↓ ■STEP4：画面項目選定・画面構成作成（構造） ユーザーの行動をもとに画面毎で必要項目の洗い出し、入力項目、ボタン、表示情報などの選定後、画面構成の作成を行います。 ↓ ■STEP5：レイアウト作成・基盤トンマナ策定（骨格） 構成をベースに骨組みとなるワイヤーフレーム作成と、全体のトンマナ選定・カラーリングやフォント・アイコンなどベースとなるデザイントーンの選定を行います。 ↓ ■STEP6：ビジュアルデザイン・プロトタイプ作成（表層） ワイヤーフレームを基に、ペルソナ設計から導き出した文字サイズや入力フィールド、余白感など細かく数値で設定し、ビジュアルデザインを作成します。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

サックルが選ばれる理由

■POINT1 品質の均一化による根拠を持ったデザイン提案 プロジェクトでは品質の均一化を行うために、必ずリードデザイナーを⽴てて2名以上のデザイン体制を作り、プロジェクト進行をいたします。リードデザイナーが要件・サービスを理解した上で、対象ユーザーになりきり実際の体験を⾏い、より良いUI/UXとなる様に議論と改善を積み重ねた中で、お客様へご提案を行います。 いくつもの議論・改善を重ねた上で根拠を持った快適なUI/UXでお客様にご提案を行えるため、納得し満足していただける内容をご提供することができます。 ■POINT2 品質管理体制の充実 デザイナーによっての品質が属⼈化しないよう、案件によっての⾒出しサイズ、リードサイズ、ボタンサイズ（メイン、サブ）使⽤カラーリスト、コンテンツ余⽩サイズ、⾒出し余⽩サイズ、等を細かく数値でチェックリストを作成ます。 デザイン完了後、リードデザイナーが細かくチェックリストの確認を⾏います。その際に1pxでもズレがある場合は、修正を⾏いチェックリストに準じたUIを完成させます。このチェックリストを⾏うことで細かな部分まで計算されたUIが仕上げられます。 ■POINT3 納品後のUIを崩さないためのUI/UXガイドライン 制作が完了して納品後も品質の担保を⾏なっていけるようにUXガイドラインを作成しております。カラー、フォント、項⽬、ボタン、⼊⼒エリア、リンク、余⽩、レイアウトルール等細かく数値での指定はもちろん、弊社ではサービス・アプリのコンセプトや最終的なビジョンをヒアリングした上で、今後のサービス・アプリのスケールを視野に入れた導線設計案や画面構成案、追加要素が入った場合のレイアウト案など他社のガイドラインとは一味違った視点での記載を行います。 UI/UXガイドラインを作成することで、品質の担保を⼀定で管理することはもちろん、サービス・アプリが今後スケールしていく中での展開がより見える化することも間違いありません。UI/UXガイドラインに沿って、画面を作成することでの制作コストの削減にもつながります。

業界別制作実績

上場一流企業からベンチャー企業等幅広いクライアントのWebサイト・アプリ・システムUI/UXデザイン・プランディングデザインなどの制作

一部ご紹介いたします。 ■飲食店向けのシフト管理システム・売上管理システム 画面数：60画面 内容：要件定義からUI/UXデザイン 期間：UX設計からUIデザイン（３.5ヶ月） ■建築業界向け業務管理システム 画面数：80画面 内容：要件定義からUIデザイン・システム開発・UIガイドライン作成 期間：UX設計からUIデザイン（３.5ヶ月）開発（３ヶ月） ■ BtoC向けオンラインイベント視聴・管理システム 画面数：40画面 内容：要件定義からUI/UXデザイン 期間：UX設計からUIデザイン（2ヶ月）　　など・・・

デザインが好きで好きでたまらない。そんな人にうってつけの環境です。

デザイナー　川崎 嘉之 氏 2017年5月入社 前職では主にエンターテインメント系のデザインに従事。求人サイトでオファーを受けて面談、デザイナーのあり方、今後のビジョンに共感して入社を決意した。

サックルのデザイン部門は現在４名の少人数で制作を行っております。そのためひとりひとりが責任感を持って仕事をしています。 案件もWebやアプリに限らず、ロゴや広告など多種多様です。分業制で同じことをやり続けるのは性格的に向いていないので、これはありがたいですね。視野、スキルの幅も広がり、デザイナーとしての価値を高めることができる環境です。 デザイナーとして成長するのは、他の分野でも同じでしょうが、現状に満足することなく、新しい技術やデザインに飢えている人、デザインが好きで好きで、好きなことに貪欲になれる人だと思います。 サックルという会社は、デザイナーだけでなくエンジニアも含め、ひとりひとりがプロの意識を持ち、より良いものを作ろうとそのプロダクトに真摯に向き合う、本物のプロの集団だと感じます。 現在、被災地を盛り上げるキャンペーンページや企業様のコーポレートサイトの制作などを行なっております。お客様の意図（目的）を本質から理解し、お客様とディスカッションして作り上げたサイト、デザインが目的にコミットし、「頼んでよかった」と喜んでいただける瞬間が何より好きです。労が報われたと実感できますね。