UI/UX

本記事はBill One 開発 Unit ブログリレー2024の第16弾です！！ 他の記事もぜひぜひご覧ください！！ こんにちは、技術本部 Bill One Engineering Unitの江川です。 「Bill One」では2023年頃より、Sansan株式会社におけるいくつかのプロダクトをまたいだデザインシステム「One Design System」の取り組みを行っています。 今回は、このOne Design Systemの取り組みのこれまでとこれからについてお話していきたいと思います！

この記事はDeveloper＆Designer Advent Calendar 2024の11日目の記事です🎄 年末進行真っ只中の12月、みなさまいかがお過ごしでしょうか。クライアントサービスデザイン部の篠崎です。 過日2024年12月5日、TECH Street UXデザイン勉強会vol.7にて、参画中のPJでオブジェクト指向UXデザイン手法を実践したお話をさせていただきました。この記事ではその内容をかいつまんでご紹介いたします。 はじめに 有名なオブジェクト指向デザインプロセス OOUI／OOUXプロセスのパワー 不確実性が高く、全体像がみえにくい0→1フェーズ 要求整理〜要件定義にオブジ…

はじめに メリークリスマス。松森です。皆さん如何お過ごしでしょうか？ 今回、担当プロダクトで、リリース前のUIをプロトタイプも用いてユーザビリティテストにかけることになりました。 その過程でリサーチャーさんから、とあるオーダーを受けたことをキッカケに、figmaのプロトタイプとバリアブルを活用して想定していた仕様を再現しようと試みたものの、いろいろ大変だった話をしようと思います。 はじめに バリアブルとは？ プロトタイプとは？ プロトタイプの制約 制約の突破手段 課せられたミッション プロトタイプとバリアブル ミッション失敗と直面した壁 今回わかったこと プロトタイプはデザイナーの「強力な武器…

はじめに こんにちは、開発3部CRMチーム所属の玉利です。今回はフロントエンド（以後、FE）エンジニアとして入社し、現在はUIデザイナーとFEエンジニアとして働いている私が、FEエンジニアがデザイナーの視点を持つことのメリットをお話しします。 デザイナーがどんな視点で作成しているか、デザイナー的視点を取り入れたい方の参考になれば幸いです。 背景 デザイナーになったきっかけ 大学時代、デザイン（主にグラフィックデザイン）を学びつつ、プログラミングにも触れていました。その中で、プログラミングの可能性を感じ、さらなる挑戦を求めてバイセルに入社しました。しかし、エンジニアとして働きながらもUIデザイン…

エクストーン ディレクターチームの津田です。 ワイヤーフレームと聞いて、多くの人が真っ先に思い浮かべるのは「ページのレイアウトを決める」という基本的な役割だと思います。 確かにそれはワイヤーフレームの重要な役割ですが、私たちはそれだけではないと考えています。 エクストーンでは、情報要素のレイアウトに加えて、ユーザーの操作に伴う画面の状態遷移やフィードバックメッセージ、導線の遷移先の定義など、その画面がどのように動作するかに関するさまざまな情報をワイヤーフレームに書き込みます。この記事では、具体的にどのような情報を記載するのか、また、なぜそれが必要なのかについて説明していきます。 ワイヤーフレー…

イントロダクション キカガクのプロダクトデザイナーの松田です。普段はキカガク Learningやキカガク Careerの UI / UX デザインや UX リサーチを担当しています。 キカガク Learningは、AI・DX人材のための Python・機械学習などの先端領域の基礎から応用まで学べる e ラーニングプラットフォームです。デザインチームは、キカガク Learning を含むプラットフォーム全体の体験をより使いやすいものにするため、プロダクト改善に従事しています。 今回は、進化を続ける AI が UI / UXデザインに与える影響について、「生成 AI 時代を勝ち抜く事業・組織の作り…

こんにちは、ディレクターの菅原です。 エクストーンでは、ディレクター業務においてワイヤーフレームの作成が不可欠です。 以前はパワーポイントを使っていましたが、現在はほとんどのディレクターがFigmaを利用しています。 ただ、最初はFigmaの使い方に戸惑うこともありました。 そこで、今回はFigmaを使ったワイヤーフレーム作成のテクニックを紹介します。 ワイヤーフレーム作成のメリットについては、下記の記事もチェックしてみてください。 design-tech.xtone.co.jp まずはパワーポイントで作っていたワイヤーフレームを完全にFigmaで作成できるか検証してみます。 試しにエクストー…