はてなブックマーク

こんにちは。UIデザインチームの松島です。 最近「デザインシステム」という言葉を良く聞くようになりました。 私達もその有用性を感じて、TOSHIBA SPINEXデザインシステムを2020年から運用しています。（TOSHIBA SPINEXについてはこちらをご覧ください。） 今回は、私達が「デザインシステム」を試行錯誤しながら作ってきたお話をします。 1. デザインシステムとはデザインシステムとは、サービスアプリの一貫した使用体験を効率的に実現するために、色彩計画やレイアウト、インタクラクションなどのUIデザイン上のルールをドキュメント化したものや、その再現に用いるエレメントのソース群のことです。ルールを文章で定めたガイドラインと、実装・開発のためのコード集で構成されます。 単に開発を効率化できるだけでなく、デザイナーや開発者、プロダクトマネージャーといったサービス開発に関わるメンバー間で

こんにちは、東芝のUIデザイン担当の池田Rです。 PCやスマホを使っていると「ショッピングカート」や「サムアップ」「虫メガネ」など様々なアイコンを目にします。普段意識することはありませんが、実はこのアイコン、テキスト無しでユーザーに情報を伝えることができる重要なアイテムです。 この記事では、そんなアイコンのデザイン検討から完成までのお話をご紹介します。 アイコンには、アプリケーションを起動するランチャーアイコン、メニューの補足やボタンの役割を果たすシステムアイコンの大きく2種類があります。ここでは東芝の様々なアプリケーションで使われるシステムアイコンに絞ってお話します。 １．まずは手書きで「メッセージする」のアイコンのモチーフは“吹き出し”。「ロックする」のモチーフは“南京錠”といったように、まずは使用用途ごとにモチーフを考えます。システムアイコンは誰にでも正しく意味を認識してもらう必要が

こんにちは。東芝共創センターCreative Circuit®担当の池田です。 グラフィックデザインをバックグラウンドに、現在は東芝の共創センターの運営に携わっています。 今回は「色覚・カラーユニバーサルデザイン」のお話をしたいと思います。前回の「コントラスト」に続く、「眼のしくみから、文字の読みやすさを考える」の第3弾です。 1.　カラーユニバーサルデザインとは？さっそくですが、このような監視制御システムのUIがあったとしてどのような印象を持ちますか？ ぱっと見、黄色の文字が読みづらいな…と感じたかもしれません。このUIを改善したい場合、どこを修正するとよいのでしょう？ 前回、明度のコントラストをつけることが、視認性を保つことに繋がる、というお話をしましたが、それをふまえると、黄色の文字は地のグレーとの明度コントラストが弱いため、読みづらいということがわかります。ですが、他にも考慮したい

こんにちは。東芝の社会インフラ事業に関連したUIデザインを担当しているREIです。 私たちはよく鉄道を利用しますが、その裏側にはなかなか触れる機会がないと思います。実はそこにもデザインは活躍しているので、今回は、安心な日常生活を支えるインフラのUIデザインに関して、デザイン手法をご紹介しながらお話したいと思います。 回生電力貯蔵装置の監視画面イメージ 2021年iF賞とグッドデザイン賞に入賞 １. 回生電力貯蔵装置ってナニ？回生電力貯蔵装置（Traction Energy Storage System 以下、TESS）は、変電所に設置されていています。電車が減速する際に発生する電力（回生電力）を電池であるSCiB™（下図参照）に貯蔵し、電車が加速する際や、災害・停電時に、非常電源として有効利用できる素晴らしい装置なのです！ TESSの仕組み２. 現場観察でお困りごとをリサーチより良いシステ

こんにちは！東芝UIデザインチームの小林 Jです。 突然ですが、皆さんは何を使ってプレゼン資料を作っていますか？Windowsユーザーなら「Microsoft PowerPoint」、Macユーザーなら「Keynote」でしょうか。どちらも優秀なツールですが、もう一つ選択肢を広げてみませんか？ 私のおすすめは「Adobe XD」です。 UIデザインツールとして広く使われているXDは、東芝でもよく活用しているツールの一つです。 UIチームから毎年２名が参加させて頂いているJEITA(電子情報技術産業協会)様の主催する「HID専門委員会」にて、アドビ様のXDエバンジェリストの方から、XDによるプレゼンテーションについて講習を受ける機会がありました。その時に得た知識や気づきを織り交ぜ、XDの可能性や魅力をプレゼンテーションツールという側面からご紹介したいと思います。 １.スライドづくりはUIプロ

みなさん、はじめまして。東芝UIデザインチームです。わたしたちは、株式会社東芝のインハウスデザイナーとして、自社製品のユーザーインターフェース(UI)をデザインしています。 弊社でUIデザインの仕事が始まったのは1995年ごろからです。古株・・・ですよね、きっと。ところが、現場にいるデザイナーの存在はあまり知られていないのではないでしょうか。 今回、そんな知られざるデザイナーたちのことや、ここから生み出されるUIデザインのことを、みなさんにもっと知ってもらいたい！という想いで、noteを始めました。この取り組みを通じて私たち自身も、企業の枠組みをこえてつながりながら、新しいことを学び、進化し続ける組織でありたいと思っています。 どうぞよろしくお願いします。 1.東芝UIデザインチームってどんなチーム？東芝UIデザインチームは、株式会社東芝の CPS x デザイン部に所属しています。UIデザ