UIデザイン

最短 www.youtube.com ロードマップ 0ヶ月目：ツールに慣れる、顧客中心にアイデアを出す方法を知る おすすめツール→FIgma,XD 今週はまずはFigmaをは使ってみることに 1ヶ月目：サービスを0からデザイン 1からやってみて、自分に足らないことを知る。 →すでに去年の10~12月にかけて、webサイトを一つ完成させた経験があるので、足らない部分はある程度分かる。したがって、スキップする。 2~3ヶ月目：UIデザインについて詳しく おすすめコンテンツ：UIトレース,ガイドライン,UX手法, DailyUI(実際に作る) 4ヶ月目：機能単位で制作 2~5個機能を作ってみる 5~…

こんにちは、デザイナーのようがいです。 普段わたしは弊社サービスのプロダクトデザインに携わっていますが、同時に世の中にあるさまざまなサービスのユーザーでもあり、何かを利用するたびに顧客として体験の良し悪しを実感します。 中でも自分の主な専門領域であるUIは常に気になっています。PCやスマートフォンのアプリケーションだけでなくデジタルサイネージやタッチパネルも街のあちこちにあるので、「今日はUIを見なかったな」という日がほとんどないと言っても良いくらいです。 数年前から、そうして実際に見て/使って良いなと感じた画面や機能のUIを個人的にコレクションするようになったので、その方法とやってみて感じた…

www.shoeisha.co.jp 期待していること 会社に専属のデザイナーがいないのですが、多少でも使いやすいサービスを目指したいので…。 網羅的に眺めることで、使える手札を増やしたり、ときどきお願いするデザイナーさんにうまく伝えたりできるようにしたいと思ってます。 あと…心地よいスマホのUIも気になっています。 Flutterでアプリを作ろうと思っているので、特に…。 1章 デザインの目的とUI/UX 1-1：本書の範囲と対象 PC/スマホは期待していたけど、タブレットと…TV！ TVは…もしかして、Switchにゲーム出すときに参考になるかも……？ちょっと気になりますw 1-2：デザイ…

こんにちは！ プロダクトデザイン部のYです。 今回は、私たちPD部が普段、業務で使用しているデザインツール 「Figma」の基本的な使い方をご紹介いたします。 目次 0. Figmaとは 1. Figmaのアカウントを作成する 2. 新規ファイルを作成する 3. フレームの選択 4. デザインの作成 5. デザインの共有 6. まとめ 0. Figmaとは Figmaとは、ブラウザ上で簡単にデザインが行えるツールです。 リアルタイムでの共同編集や、作成したデザインをHTMLに変換する事ができ、 チームでの作業にも向いています。 また、無料で利用ができるプリ―プランがあり、誰でも気軽に導入するこ…

こんにちは！アドグローブ プロダクトデザイン部のFです。 私は2022年の6月、UIデザイナーとしてアドグローブに入社しました。 早いもので半年が経とうとしているのですが、仕事にもだいぶ慣れてきていろいろな心境の変化がありました。そこで今回は『UIデザイナーとしてアドグローブに入社して、実際どうだったか』というお話をしようかと思います。 簡単に自己紹介 アドグローブに入社した理由 現在の仕事内容 今までの仕事と大きく変わった点 デザインに対する姿勢の変化 使用するツールの変化 現在の仕事で前職の経験が生かされている点 働く環境について 最後に 簡単に自己紹介 前職は新卒で入った会社で、客先常駐…

こんにちは！App(アプリ)チームでLOVOTアプリのデザインをしている、南地です。 LOVOTアプリは今年4月に大幅なUIリニューアルを行いました。UIのリニューアル、これまで使い慣れていたUIが変わってしまうので、一般的にはユーザーからの不満がつきもの。 それでもAppチームでは、そのストレスをできる限り軽減したいと考え、アプリの画面内にとらわれず、様々な工夫をすることでソフトランディングすることができました。 今回はUIリニューアルのプロセスの話を通して、Appチームがどのようにユーザーに向き合っているのかについてご紹介します。 LOVOTアプリのBefore(左)・After(右) A…

はじめに ２０７株式会社でデザイナーをしております。KUMIKOと申します。 207 Advent Calendar に参加するため、久々にお仕事のブログを書かせていただくことになりました。こちらは７日目の記事になります！！ 背景と問題点 ２０７には私が10月入社するまで正社員のデザイナーがいませんでした。 スタートアップの会社にはよくあることで、自社アプリのデザインは業務委託のデザイナーが入れ替わりで入って制作をして、委託のデザイナーが稼働していない日などはPdMやエンジニアさんがデザインを行なっていたそうです。 そのため、Figmaのデザインファイルは色々な場所で作られ、ファイルを管理する…

こんにちは、カトです。弥生でQAエンジニアをしています。 9月8日（金）に開催された、JaSST '23 Hokkaido に現地札幌で参加しました。 2023年の遠征は仙台に続き2回目、自由にフラリとさせてくれる会社には感謝です。成果で返します。 前回の遠征、JaSST'23 Tohoku参加ブログはこちら。 tech-blog.yayoi-kk.co.jp 札幌には3年半ぶりに行きました。上京するまで住んでいた、勝手知ったる街です。仙台遠征の時とは違い、てきぱきと最短距離を狙っての移動ができます。 ニュースで見ていたパセオ・ピヴォ・4プラの閉館を目の当たりにして事実であったことに小さく衝撃…

Pythonではじめるゲーム制作 超入門 知識ゼロからのプログラミング＆アルゴリズムと数学 知識ゼロから始められるゲーム制作＆プログラミングの入門書「Pythonではじめるゲーム制作 超入門 知識ゼロからのプログラミング＆アルゴリズムと数学」 「Pythonではじめるゲーム制作 超入門 知識ゼロからのプログラミング＆アルゴリズムと数学」のサンプルゲーム ゲーム開発の基礎力をつけたい人向けのシリーズゲーム開発スキルアップ第一弾「Pythonではじめるゲーム制作 超入門 知識ゼロからのプログラミング＆アルゴリズムと数学」 「Pythonではじめるゲーム制作 超入門 知識ゼロからのプログラミング＆ア…

詳細を確認 - メーカー :HiGrace - 価格 :￥9,999 - 出品価格 :￥9,999 【Android 13 タブレット 10インチ wi-fiモデル】HiGrace Android 13 タブレット では、「Material You」が引き続き使用され、UIデザインが最適化され、アプリごとに異なる言語環境が設定されます。「セキュリティとプライバシー」機能の強化を掲げている。 アプリ内でユーザーが共有する個人情報をより細かく管理できるようになるほか、アプリからのデータアクセスおよび、その権限を最小限にしていくという。 【4コア CPU & ６GB RAM + 64GB ROM +…

#Day48 サイトの目標をもう一度整理して書き出した！！ なるべく具体的にしたくて、大きい一番の目標は『購入してもらう』という行動。 そこに行き着くまでの、ユーザーの気持ちに働きかける目標は４つに分けた💦 https://www.figma.com/file/wBZQahQLknvXDA2Hme4QMa/01_design_concept_template-(1)?type=design&node-id=2%3A1003&mode=design&t=3SXdS0Dzds0ekcUf-1 どんなデザインが目標を達成するために必要なのか考えているときに、 見た目のデザインもそうだけど検索に引っか…

詳細を確認 - メーカー :Blackview - 価格 :￥18,900 - 出品価格 :￥18,900 【2023アップグレード版 12GB RAM+128GB ROM】初登場Blackview Tab60 タブレット android13は12GBの大容量メモリを搭載し、6GBのRAMと6GBの拡張仮想メモリを組み合わせて、これにより、処理速度が20%以上向上し、よりスムーズなマルチタスク処理とアプリケーションの実行体験を提供します、さらに128GBのROMを搭載されており、写真、音楽、電子書籍、テレビ番組などの保存に心-配する必要はありません。また、最大2TBのMicroSDカード（FA…

はじめまして！ アドプラットフォーム事業に配属されました23年度新卒の伊藤です。 アドテクノロジーDiv（以下アドテク）に配属されてアプリケーションエンジニアで開発業務をしています。 研修がすべて終了し、業務に携わり始めてからもう2ヶ月以上も経過してしまいました。 時間が経つのは早いですね。 さて、本記事ではその研修の大トリとして7年ぶりに復活を遂げた「チーム開発研修」についてご紹介しようと思います！ アドテクで行われている研修の内容と、その温度感について気になっている新卒などの方々の参考となれば幸いです！ チーム開発のお題 お互いを改めてよく知ろう！：チームビルディング スタートダッシュ成功…

こんにちは。エイチームライフデザイン技術開発室の鈴木です。普段はおもにPythonを使って機械学習や自然言語処理の開発をしています。 Pythonで開発した機械学習モデルや生成AIアプリケーションなどを他のメンバーに実際に利用してもらうために、できるだけ簡単にプロトタイプを提供したいというときが出てきます。手軽な方法のひとつとして、Jupyter Notebookを共有して「こことここのパラメータを入力して使ってみてください」といって提供することもありますが、開発者でない方にJupyter Notebookを利用してもらうには色々と厳しい面があると思います。一方で、データエンジニアや機械学習の…

UX/UIデザインツール市場：世界の産業現状、競合分析、シェア、規模、動向2023-2029年の予測 2023年9月11日に、QYResearchは「グローバルUX/UIデザインツールに関する市場レポート, 2023年-2029年の推移と予測、会社別、地域別、製品別、アプリケーション別の情報」の調査資料を発表しました。UX/UIデザインツールの市場規模、シェア、売上及び今後の動向を説明します。世界市場における主要メーカーの製品範囲、サービス、ソリューションを重点的に分析する。本レポートは、2018年から2029年までの会社別、地域（国）別、製品別及びアプリケーション別の売上げ実績と予測に焦点を…

ローソンデジタルイノベーション(LDI)のiOS/Android開発マネージャーの阪口です。 www.ldi.co.jp 前回の開発環境紹介記事(LDIの開発環境を紹介します！ - ローソンデジタルイノベーション テックブログ)から変化があるため、2023年の情報をご共有させていただきます。 はじめに 主なプロダクト 開発体制 プロセス 開発ツール CI/CD デザイン 使用ツール 開発 採用技術の全体像 採用アーキテクチャ 使用言語や主なライブラリ 品質 改善活動 締めのご挨拶 はじめに 私たち、株式会社ローソンデジタルイノベーション(LDI)は、 コンビニエンスストア「ローソン」の価値を最…

Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev ModeやFigma for VS Codeはまだベータ版で動作保証されておりません。また本記事の内容は個人が趣味で検証したことをご理解の上、自己責任にてご利用ください。 Figma for VS Codeとは 主な使い方 使用時…

カヤック意匠部の青木と申します。 自社事業や受託案件でアプリやWebサービスのUIデザインをしています。 最近、Lottieでアニメーションをつくる機会が多く、ツールの知見を得たのでシェアします。結論を先に書くと『ANINIXという制作ツールがオススメ』です。 まず、前提としてLottieというアニメーション形式を簡単に紹介します。 # Lottieとは ↑サンプル。これが動画でもgifでもなく、Lottieです。LottieはAirbnb社が開発したアニメーションの仕組みです。 JSONファイルで書き出し、Webやアプリにアニメーションを設置できます。 公式サイト airbnb.io 以下の…