UI/UX タグ

いろいろなソフトウェアをAIに作らせてみてなかなか思い通りにいかずに苦労するのがUIデザインです。見た目がかっこいいとかではなくて、この画面は何をする画面で、どういう構成要素があるのか、という伝達がうまくいかない。

通常業務の傍ら、DXチームの有志メンバでチーム全体の資料品質向上のためのアセット化活動をしています。今回、その活動の一環として2024年11月に東京ミッドタウンで開催された「GOOD DESIGN EXHIBITION 2024」に参加してきました。この記事では、グッドデザイン賞およびその受賞事例についてご紹介します。

※この記事は、秋のブログ週間2023の２本目の記事となります。2023年の秋、スマートフォンやタブレットは私たちの日常生活に欠かせない存在となっています。これらのデバイスに対するアプリケーション開発の中でも、UI設計の議論については欠かすことができません。

DXアプローチ連載2本目として本記事では、デザインワークを用いたサービス設計・プロダクト設計をする際に考慮すべき3つの観点についてご紹介し、その文脈の中でフューチャーのデザインワークはどういう立ち位置にいるのかについて考えてみたいと思います。

フューチャーの「デザインワーク」について書きます。複数のお客さまとデザインワークを行ってきた経験から考える、「デザインワークとはなにか」、「デザインワークでは何をするのか」をお伝えできればと思います。

Flutter連載6回目としてFlutterFlowについて調べてみました。GoogleI/O'21でFlutterFlowというFlutterのノーコードのサービスが発表されました。

最近、企業内システムのウェブサービス開発や、B2B2B案件とかでウェブの画面を作るケース、Flutterでスマートフォンアプリを開発するときに、画面の要件をどうしましょう、という話が出てくることが多く、毎回似たような説明をしている気がするので、時間節約のためにまとめておきます。単にパソコンやモニターのカタログスペックを持ってくるだけじゃだめだということがお分かりいただければ大丈夫です。AppleがRetinaを世に出すまでは...

新しく参画したプロジェクトが今後Figmaを使ってプロトタイプを作るということで、最近Figmaのキャッチアップをしています。「実際に何かを作ってみる」より良いキャッチアップ方法は存在しないだろう、ということで早速チャレンジしてみました。キャッチアップのために思いついたチャレンジは２つ：A. 架空のアプリを一からデザインB. 既に存在している何かのリデザインこの記事では「B. 既に存在している何かのリデザイン」の過程を紹介していきます。

今回はメディア業界向けクラウドサービスGlyphFeedsCMSのモバイル化を例に、Webアプリケーションをモバイル化する際の考え方や手法について書きます。Webアプリケーションをモバイル化する際の参考になれば幸いです。昨今「モバイルファースト」という言葉が広まる中、スマートフォンを始めとするモバイル端末利用の風潮は強まっています。それに伴いWebアプリケーションもモバイル端末での利用シーンが拡大しています。

今回はPJの現場でUXとUIのデザインを通して、Atomic Designの導入はどのような結果を生んだのか、Atomic Design導入に際しての課題や取り組み方のコツなんかをお伝えできればと思います。z

Figmaとは何か、何ができるのか、チームでシステムデザイン設計するときにFigmaを使うと何がいいのかを初心者向けにざっくり紹介していきます。Figmaはユーザーインターフェース（UI）のデザインをブラウザ上で簡単に作れるデザインツールです。デザインツールといえばデスクトップアプリのAdobe XDやSketchが有名どころですが、Figmaも負けず劣らずの操作性と利便性を兼ね備えています

これさえあればサービス構成図がだいたい描けるアイコンセットを公開します！サービス構成図は、システム構成に加え、様々な立場のプレースホルダーやクライアント機器、さらに物理的な場所や移動手段の概念が含まれます。これらのアイコンを都度探し、思ったようなモチーフにたどり着くまでには、予想外の手間がかかってしまうこともあります。そういった場合にぜひこのアイコンを活用してみてください

2017/3/10〜11の2日間、オープンソースの祭典「オープンソースカンファレンス2017 Tokyo/Spring」にフューチャーアーキテクト有志で登壇＆ブース出展をしてきました。

これさえあればシステム構成図がだいたい描けるアイコンセットを公開します！