Interface design for business applications

毎日さわるものだから、わかりやすく、つかいやすく、ひとひらの華やかさを。

NANAKAZOKU / ナナカゾク

みえないものをみる「ちから」

コンシューマー向けの製品やサービス訴求といったデジタルが攻めの側面であるとすると、業務系は日々の仕事を滞りなく行うための守りの側面であると考えております。業務系のインターフェース設計は直接的な業務改善の性質を多く含み、実は非常に重要な設計領域と考えます。

また、特に業務系アプリの依頼の半数近くはすでに稼働しているアプリのインターフェースの再設計の依頼になります。これは様々な事情で機能優先で開発されたアプリの管理画面の再設計など、日々の運用面での使いづらさなどを感じてといった内容もございます。

Adobe XDでインターフェース設計をおこなうメリット

Adobe XDは画面の要素を配置するだけではなく、各画面の導線の確認やクリック可能領域の検証までを可能にするツールです。このツールを用いることで実装する前に操作感を体験することでお客様との成果物に対して認識のズレを抑え、かつ、制作サイドにも具体的な所作を事前に共有することで工数管理の精度を高めることができます。

また、インターフェース設計を進めていくうえで御社にとって本当にどの機能が優先なのか、何がいらないのかなどを実際にモック画面を見ながら実際にそのシステムを利用する社員様も含めて検討することができますので、制作会社さまに実制作をお願いする前に本当に必要な機能を固めていくことができます。

業務系

工場オペレーション可視化アプリ画面設計

工場の最適化をおこなうために各工程の可視化をおこなう

オペレーション可視化アプリ画面設計

ディレクション要件定義DB定義XDモック

鉄道広告媒体管理システム画面設計

広告媒体管理から売上げ管理までをおこなう

広告媒体管理システム画面設計

ディレクション要件定義DB定義XDモック

複数サイネージ情報配信管理システム画面設計

複数サイネージに動画や情報を指定順で配信をおこなう

サイネージ情報配信管理システム画面設計

ディレクション要件定義DB定義XDモック

鉄道工事 案件・人員管理システム画面設計

案件の工程管理、人員・車両配備、勤怠管理をおこなう

案件・人員管理システム画面設計

ディレクション要件定義DB定義XDモック

事業施設 常設コンテンツ操作画面設計

運輸業 事業施設のコンテンツ制御をおこなう

事業施設 常設コンテンツ操作画面設計

ディレクションXDモックデザイン

保険業の企業がお客様にしくみの説明をおこなう

営業向けアプリ画面設計

XDモック

そのほか

専門サービス業 企業のサイトリニューアル

リクルートサイト画面設計

ディレクションXDモック

各種商品小売業 企業のサイト制作

キャンペーンサイト画面設計

ディレクション要件定義XDモック

各種商品小売業 企業のサイト制作

キャンペーンサイト画面設計

ディレクション要件定義XDモック

運輸業 企業のサイト新規立ち上げ

オフィシャルサイト画面設計

ディレクションXDモック

情報・広告業 企業のサイトリニューアル

オフィシャルサイト画面設計

ディレクションXDモック

情報・広告業 企業のサイト新規立ち上げ

ポータルサイト画面設計

ディレクションXDモック

WordPressでサイトを構築するメリット

WordPressは少し前には無償のCMSとして非常に使い勝手の良いツールとして有名になりました。一時サードパーティーのプラグインのセキュリティの脆弱性の問題から敬遠された時代もありましたが、現在では発注者にとっても制作者にとっても使いまわしの良いCMSと考えます。

管理者が更新できるというメリットもありますが、それ以上にプラグインが豊富なので通常のオフィシャルサイトのレベルでも、階層が深いポータルサイトにも利用することができ、特にページ数が膨大なサイトの構築にはCSVでの流し込みをおこなえるなどのメリットがあります。

FUMIHARU MORI

HTMLからFLASH、WordPressカスタマイズに渡り歩き、前職では主にシステムやアプリケーションの案件を主軸にデザイナー、ディレクター、プロデューサーと職域を経験。

現在は主にAdobe XD を使うことのできる、アプリケーションやシステム系のディレクション、WordPress系のデザイン・コーディング業務などの案件比率が高い。