ARCHECOのニュース・ブログ記事一覧。生成AI、AIエージェント、UX/UIデザイン、新規事業に関する最新情報や知見をお届けします。

DX支援プログラム『YzGum』をリリース！

この度ARCHECOは、アプリ/WEBの実装・アジャイル開発によるDX支援プログラム『YzGum』をリリースしました！

<a href="https://yzgum.com/">アプリ開発 | YzGum</a>

『YzGum』はデザインコンサルティングファームARCHECOのワンストップ開発プログラムです。最高峰のUXデザイン会社ARCHECOと、最高峰のDX開発会社のBJITがタッグを組み、立ち上げました。

名前の由来には、アルファベット最後の文字列である”Yz”まで”Gum”のように粘り強く、クライアントの皆様のために全力を尽くす、という意味が込められています。

『YzGum』をリリースした背景は2つあります。
①「ARCHECOでは、デザインから開発まで全てお願いできますか？」という多くのお客様のご意見
②せっかく作成したデザイン・イメージを正確に実装することに苦労し、期間・コストが高くなってしまうこと
この2つの課題を解決するために『YzGum』を立ち上げることになりました。

『YzGum』の強みは大きく分けて3つあります。

①最先端の技術
②質の高いアウトプット
③大規模案件のキャパシティ

ポイントは、最高峰のDX開発会社であるBJITさんとタッグを組んだことです！

『YzGum』は、App・Web開発だけではなく、AI・ブロックチェーンなどの最先端技術を用いた案件においても多数の経験があります。
また、アジャイル開発を海外オフショアで実施し、600人以上のエンジニアを確保でき、短期間で大規模な開発を低コストで実現することが可能です。
そして、UX/UIデザインの専門家30名が、これまでの日本の大手クライアントとの取引実績を生かし、デザイン監修を行うことで、ハイクオリティなアウトプットの提供が可能になりました。大規模開発によるスケジュールの遅延やリソースの不足と言ったリスクもコンサルトをアサインすることで減少していきます。

UX / DXで世界を変えていく。『YzGum』は最高品質のアウトプットを通じて世界に誇れるサービスを共に生み出す。

日本はもちろん世界に通用するデザイン・システム・ビジネスを生み出し続けます。常に期待を超えて、世界一の品質をメンバーの全員が追求し、皆様のビジネスにおいて共に全力でTOPを狙います。

『YzGum』とともにビジネスにおいて全力でTOPを狙いにいきましょう！

HIROKI KUMAZAWA

2019年デザイン研修旅行

タイトル通りデザイン研修旅行へ行ってきます！

今回は何も事件が起こらないといいなあと思っている今日この頃のOKTです。
メンバーがメンバーなので、何かしら起こるのでしょうけど…

ということで、ARCHECOメンバー一同は

原宿のオフィスにはいませんのでご注意ください！

皆様には連絡等ご迷惑をおかけすると思いますが、ご承知のほどよろしくお願いいたします。

ARCHECOにFigmaブーム襲来の巻 その4

こんにちは。木村です！
木村ということは、今回もあの企画。そうです、Figma講座をお伝えする例のやつの4回目です。
前回からちょっぴり時間が空いてしまいましたが、引き続きFigmaの使い方について皆様に紹介していきたいと思っております。

今回は前回ご紹介したプロトタイプの導入編に引き続き、プロトタイプ本編ということでさらに細かい使い方についてお送りします！
導入編を読んでない方はぜひ<a href="https://archeco.co.jp/news/figmalesson_3">【こちら】</a>も合わせて読んでみてくださいね。

実はつい先日Figmaがアップデートされ、プロトタイプでも新機能の追加やちょっとした名称変更などがあったばかり。もちろんARCHECOでもすぐさまおみき先生からデザイナー陣へのレクチャーが行われました。
そんな気になる新機能については今回は簡単に触れておき、次回にたっぷり説明したいと思います！そちらもお楽しみにお待ちください。

では、プロトタイプ本編、始めます！

今回のアップデートで、Trigger と次に説明する Action がひとつになって Interaction へと名称が変更されましたが、考え方は以前と変わりません。
前回の記事をおさらいすると、Trigger とは『挙動を起こす要因』のことでしたね。何をきっかけにページが遷移するのかをまずここで設定します。

On Drag が今回新たに追加された機能で、後に説明する Smart Animate と一緒に使用することが多いです。この詳しい使い方については次回の記事でご紹介します。

そして、これらの中でも混同しやすいのが、While Hovering と Mouse Enter です。
Webサイトでよくある、マウスオーバーで展開していくドロップダウンメニューのプロトタイプを作成したい時、字面だけを見ると「 While Hoverring でできそうだ！」と思いますよね。ところが、While Hovering だと指定のエリアからマウスが出た場合に元に戻ってしまうため、うまくドロップダウンさせることができません。
そのため、この場合は指定のエリアからマウスが出ても新たに表示させたフレームが消えない Mouse Enter を使うのが正解となります。

ちなみに、モバイル用のプロトタイプを作成するときは、マウスオーバー時のインタラクションに注意が必要です。モバイルにはマウスオーバーという概念がありません。よって、PC上でモバイルデバイスをシミュレートする場合にはうまく機能しますが、実際のモバイルデバイスでシミュレートする場合は、While Hovering は On Tap に変更されます。

Interaction で Trigger を選択すると下に新たなメニュータブが出てくるので、ここで「Action」を選びます。Action とは『挙動』のことを指します。

ここにも新機能が3つ加わり、計6種類になりました。

ページを遷移させる Navigate to や、モーダルウィンドウなどを表示させる Open Overlay を使うことが多いのではないでしょうか。さらに今回のアップデートで Back や Close Overlay が追加され、以前より簡単に挙動を設定できるようになりましたね。

これはアップデート前は Transition であった項目ですが、役割は以前と変わらず『ページ遷移のアニメーション』です。

新機能である Smart Animate が加わり、計8種類になりました。

使用頻度が高いのは、Instant もしくは Dissolve 辺りになると思います。アニメーションに関しては難しくありませんが言葉で説明してもあまりイメージがわかないと思うので、ぜひ実際にいろいろと試して動きを見てみてください。

また今回新たに追加された Smart Animate では、ドラッグやドロップ、トグルボタン、長押しのスライダーなど、より高度なアニメーションを簡単に作成できるようになりました。これによりFigmaのプロトタイプで表現できる幅が以前より広がったと思います。
そんな気になる Smart Animate については次回の説明をお楽しみに。

以上がプロトタイプ本編となります。いかがでしたか？
次回は実際にDEMOを作りながら説明していく予定ですので、ぜひそちらもチェックしてくださいね。

最近どっと寒くなってまいりましたので、風邪に気をつけながら皆様も一緒にFigmaをマスターしていきましょう！

昨今、アパレル企業は”デジタルトランスフォーメーション”という大きな課題に取り組んでいる。特に、店舗を抱えるアパレル事業者は、オフラインである店頭での接客力をどのようにオンラインに生かすかを模索している。また、ミレニアル世代/ミニマリストという従来とは違った思考を持つユーザの出現により、パラダイムシフトが生じ、所有という概念を越えた新たな消費活動のあり方が問われている。これらの”変化”に適応するため、百貨店最大手の三越伊勢丹と、SI最大手の富士通と、UX最先端のARCHECOがタッグを組み事業共創に取り組みました。

アパレルシェアリングパッケージ 戦略・企画・UX/UIデザイン・開発

富士通様よりアパレルのシェアリングサービスを立ち上げたいという命題をいただき、商材となる洋服を富士通アセットとして保有していないため、アパレル事業者を巻き込むB2B2Cのビジネスモデルを構想しどのようにアパレル事業者と協業するかビジネス戦略を検討した。そして、アパレル事業者自体ではなく、アパレル事業者に対して高い影響力を持つ百貨店を中心にビジネス開発を実行した。

事業戦略

レンタルという方式は、新品の在庫を中古にし、商品の資産価値を大幅に低減するリスクが内存している。そのリスクに対し、サービス１サイクルでどのような収益を産み、数回のレンタルを通じてどのように黒字化するかサービスの循環性を検討した。また、”所有するより借りた方が良い”　というユーザの意思決定の必然性を探り、その機会が自然なコンテクストでユーザに提供されるようサービスを設計した。

サービス企画

将来的に、複数社のアパレル事業者を開拓して事業を展開できるようなスケーラビリティを持ったシステムをアーキテクトし、システム要件・仕様を定義した。また、デザイン要件定義に関しては、モックアップを作成し、三越伊勢丹様と3社でモックアップを用いてロールプレイングを行い、接客の観点・実装の観点・デザインの観点・ビジネスの観点など様々な観点から改善案を抽出し仕様へと落とし込んだ。

要件・仕様定義

シードモックに基づき、表現したいブランドイメージをそのまま製品版のUIデザインへ搭載した。また、シードモックに反映されている仕様をそのまま再現できるシステムの構築を目指し開発に取り組んだ。また、限られた在庫をいかに効率的にレンタルさせるかを定義し、100分岐以上のロジックを予約システムに搭載し自動的に在庫管理ができる仕組みを開発した。さらに、富士通様の品質基準と開発スピードのギャップを埋めるための意識合わせを行いアジャイルとウォーターホールのハイブリッドな開発プロセスを確立した。また、富士通様の品質基準を満たすためにテストケースを洗い出しテストフローを確立した。

開発・テスト

CARITE SERVICE INTRODUCTION

てすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすと

てすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすと

富士通×三越伊勢丹×ARCHECO 事業共創 

アルコインは、スマートフォンを利用してウォーキングすることでコイン(ポイント)がたまるアプリです。本プロジェクトでは、UXデザイン(ターゲット選定・コンセプト立案・機能選定) と、UIデザインのリニューアルを行いました。
2019年2月にリリースして以降、機能追加などの実施によってユーザー体験に課題を感じている状況に対し、今回の改修では、UXプロセスを通じてターゲットに合った機能の検討および情報設計を行い、より使いやすく、直感的に操作感を実現しました。また、3Dを用いたデザインを使用することにより、楽しく利用できる世界観を生み出しました。

「アルコイン」アプリのUX/UI改修

このフェーズでは、KGI/KPIや広告の形式、集客方法、現在の課題感などを漏れなくヒアリングをすることにより、「デザイン」や「ユーザビリティ」のみの課題だけではなく、ビジネスの観点から、将来の方向性を明確にしました。

QAシート

アクティブQA

このフェーズでは、QAの結果を元にまずSTP分析やコンセプト立案を行い、どのようなターゲット層に対してどのような価値を提供したいかを明確にしました。また、コンセプトを元に、AS-ISとTO-BEのカスタマージャーニーマップを作成し、コンセプトを実現する為の具体的な機能の洗い出しを行いました。次に、クライアント様とのワークショップを通じて機能を選定し、プロジェクトのスコープを定義しました。最後に、機能が増減してもユーザーが簡単に分かりやすく利用できるよう、ユースケースを元に機能リストを作成し、情報設計を行いました。

STP分析

カスタマージャーニーマップ

機能リスト

UXデザイン

このフェーズでは、コンセプトを元にユーザーの興味を引く世界観の検討及び、それらをGUIデザインやアプリアイコンに反映しました。今回は、「健康（生活習慣病の予防）に興味があるが運動に対するモチベーションは高くない（自分で運動の目標設定をして定期的に実行することができない）層」を主にターゲットとし、気軽に楽しくアプリを利用できる世界観を作り出しました。具体的には、カラフルな色合いと3Dデザインを使用し、ユーザーにとって没入感や手軽さを演出しました。また、今後の機能開発やデザイン改修を考慮し、長期的にクライアント様がデザイン改修を自走して進められる為のサポートとして、デザインガイドラインの納品や、OJTによるUX工程のレクチャーを行いました。