タグ UI設計
人気順 10 users 50 users 100 users 500 users 1000 users解約したお客さまにインタビューしてプロダクトの企画に活かすまで - Repro Tech Blog
2024/01/19
19 users
Repro Tech Blog
プロダクト
企画
お客さま
はじめまして、ReproでUI/UXデザイナーを務めている河西と申します。Reproのデザイナーはプロダクト企画を行っているProduct Planning Teamに属し、プロダクトの少し先の未来を描き、中期製品戦略の策定とその浸透および状況にあわせた戦略の改定、顧客からの一次情報を収集、戦略の実行のため体験設計、UI設計まで一貫... 続きを読む
MisskeyのUI設計 | gihyo.jp
2023/10/24
6 users
Misskey
gihyo.jp
意匠
各種コンポーネント
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説しています。 今回はMisskeyのWebクライアント（Misskey Web）におけるUIデザインの工夫や各種コンポーネントについて紹介します。 なお、「デザイン」という語は設計という意味と、見た目・意匠という意味があり... 続きを読む
デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito
2023/08/08
394 users
一環
HTML
意図
アドバイザー
ChatWork株式会社
今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタ... 続きを読む
AppleがMRヘッドセット「Vision Pro」のために生み出した「空間コンピューティング」におけるUI設計のルールとは？
2023/06/09
17 users
空間コンピューティング
アプリケーション
WWDC23
2023年6月6日(日本時間)に開催されたAppleの開発者向けカンファレンス「WWDC23」の基調講演で、Apple初のMRヘッドセットである「Vision Pro」が発表されました。AppleはこのVision Proで現実空間上にアプリケーションのウィンドウやコンテンツを表示する「空間コンピューティング」を提唱しており、開発者が知っておくべ... 続きを読む
高速周回が迷わずできる！ 「ウマ娘」UI設計の根幹とは 大量の情報でも「整理とルール化」でわかりやすい画面を作る
2021/11/13
176 users
根幹
ウマ娘
整理
画面
ルール化
Amebaのデザインシステム「Spindle」の全貌公開 | CyberAgent Developers Blog
2021/09/17
150 users
Ameba
SPINDLE
UX設計
実務
組織横断
メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシ... 続きを読む
Twitterにはリプライ欄を返信ではなく『コメント欄』と思っている人間がいる説「ツイッターへのコメント欄は自分のツイートなんだよ」 - Togetter
2021/09/04
194 users
Togetter
Twitter
リプライ欄
見解
ツイッター
Melville @MelvilleTw Twitterにはリプライ欄をリプライ欄だと思っている人間と、リプライ欄をコメント欄だと思っている人間がいることを理解しなければならない 2021-09-03 08:47:55 Melville @MelvilleTw これに対する僕の見解ですが、機能に対する理解が人によって違うのはUI設計が悪いです(つまり悪いのはTwitter) ... 続きを読む
元Googleエンジニアのメンターによる講義を公開 ──トヨタ自動車が実践する「Flutter」研修の内容とは？｜TECH PLAY Magazine ［テックプレイマガジン］
2021/09/01
7 users
YouTube
Flutter
コックピット
メンター
SDK
Googleが開発したモバイルアプリ用のフレームワークであり、SDK（Software Development Kit）であるFlutter。トヨタ自動車では、自動車のコックピットのUX/UI設計・開発フローの一部で、同ツールを採用している。今回の「TOYOTA Developers Night」では、GoogleやYouTubeで活躍した講師を招いて実施しているFlutterの研... 続きを読む
UI設計に興味がある人にオススメ！「オブジェクト指向UIデザイン──使いやすいソフトウェアの原理」 - アプリゲームUIデザイン
2020/06/07
16 users
原理
アプリゲームUIデザイン
監修
ソフトウェア
チョコ
こんにちは、ちょこです！ 2020/6/5に発売された、 「オブジェクト指向UIデザイン──使いやすいソフトウェアの原理」 買いました！読みました！感想書きます！紹介します！ オブジェクト指向UIデザイン 使いやすいソフトウェアの原理 ソシオメディア株式会社/著 上野学/著 藤井幸多/著 上野学/監修 価格:3,278円 (20... 続きを読む
フロントエンドエンジニアがUI設計〜実装で考えていること - Medley Developer Blog
2019/03/27
111 users
実装
フロントエンドエンジニア
TechLunch
大岡
内容
おはこんばんちは、開発本部エンジニアの大岡です。 先日、TechLunchという社内勉強会で「フロントエンジニアがUI設計〜実装で考えていること」という内容で発表しました。UI設計から実装の細かい話ではなくどういう気持ちで望んでるかという話で、基本的なことしか書いていませんが紹介させていただければと思います。 ... 続きを読む
ドメイン駆動設計とOOUXで迎える2019年 - Qiita
2018/12/26
27 users
Qiita
ユーザ
吸収合併
ドメイン駆動設計
アクション
概要 DDDが、デザイン界隈で注目されだした「OOUX」という設計手法を吸収合併すると皆んながハッピーになるはず、という主にはUI設計のお話です。 OOUXとは Object-Oriented User eXperience の略で、端的に言うと、UIを設計する際「（ユーザのアクションでなく）オブジェクト視点で設計するとより直観的なUIが作れるよ... 続きを読む
Oculus Goを使ったVR勤怠打刻で気持ちを高める - freee Developers Blog
2018/12/03
16 users
Oculus Go
freee
気持ち
責務
会計
freee Developers Advent Calendar 2018の3日目、会計 freee のUI設計とかプロダクトマネジメントとかを担当している @toofu__ です。業務と関係ない話を書きます。 気持ちを高める打刻 みなさん、打刻していますか？私は正直「面倒だな〜〜～」とか思いながら、いち従業員の責務として毎日打刻しています。 みんな同じ... 続きを読む
初代iPhoneのUI設計は困難を極めた - ITmedia NEWS
2018/08/29
25 users
初代iPhone
イムラン
ITmedia News
倫理観
Appleで約22年間ヒューマンインタフェースを中心としたデザインディレクターを務めたイムラン・チョードリ氏は、自身の倫理観とAppleの意思決定とは必ずしも一致していなかったと考えている。チョードリ氏の話を聞いたFast Companyがそう伝えている。 チョードリ氏は、初代iPhoneにおける最初の開発メンバー6人のうちの1... 続きを読む
デザイナーが応用情報技術者の試験を受けて感じた3つのこと - ペパボテックブログ
2018/07/04
81 users
ペパボテックブログ
デザイナー
試験
応用情報技術者
3つ
はじめまして。てっちゃん @outskirtsHinode と申します。 カラーミーリピートというサービスでデザイナーをしています。 主に管理画面のUI設計や検証といった作業を行っています。 今回、ひょんなことから応用情報技術者試験という資格試験を受けてみました。 その時感じたことをまとめてみようと思います。 応用情報技... 続きを読む
フロントエンドの制作者が知っておきたい、Atomic Designを使用したコンポーネントベースのUI設計が分かる良書 | コリス
2018/05/11
52 users
コンポーネントベース
コリス
良書
実務
実装
ここ数年で、WebページやスマホアプリのUIを開発する際に、コンポーネントベースの実装が増えてきました。元々はソフトウェア開発で一般的な考え方でしたが、メンテナンス性に優れ、再利用性も高く、UIもより効率的に実装できます。 Atomic Designを使用したコンポーネントベースのUI設計が実務レベルで詳しく解説されたオススメの本を紹介します。 今よりもっと効率的にUIに取り組みたい、メンテナンス... 続きを読む
「ここにメインビジュアルを置きます」←IAとかUI設計の人が言っちゃダメなやつ。 - 笑顔を創りたいWeb屋の日常
2017/12/18
32 users
メインビジュアル
プランニング
ディレクター
ヤツ
タイトル
2017 - 12 - 19 「ここにメインビジュアルを置きます」←IAとかUI設計の人が言っちゃダメなやつ。 情報デザイン プランニング・デザイン Ｗｅｂディレクション 【スポンサーリンク】 いやまあ、言っても良いんですけど（謎） 割と遠い"以前"から「タイトルでぶっ放して１行目で即回収する」というスタイルを好んでおります。特に意味はないです。 さて、自身が受託Web制作会社のディレクターだった... 続きを読む
「AbemaTV」、スマホでの縦画面視聴に対応 - CNET Japan
2017/04/03
10 users
AbemaTV
シームレス
前提
チャンネル
視聴
AbemaTVは4月3日、同社が運営するインターネットテレビ局「AbemaTV」において、スマートフォンでの縦画面視聴に対応したと発表した。 これまで、横画面での視聴を前提に横スワイプでシームレスに操作できるUI設計を採用していたが、今回縦画面での視聴にも対応することで、スマートフォンを縦に持ったまま、より気軽に視聴できるようになるという。さらに、画面上でチャンネルの放送予定番組を確認できるほか、... 続きを読む
モバイルアプリのUI設計に大切な、7つの基本アニメーションまとめ - PhotoshopVIP
2016/03/21
639 users
PhotoshopVIP
モバイルアプリ
アニメーション
「良いデザインは明きらかで、偉大なデザインは目に見えない。（英: Good design is obvious and great design is invisible.）」ということばを聞いたことがあるかもしれませんが、モバイルアプリの開発にアニメーションを利用するときも、同じ基本原則が適用できます。 うまく適用されたアニメーションは、ユーザーフレンドリーで魅力的にアプリを仕上げるだけでなく、... 続きを読む
UI設計は手法より「文化」を意識しよう～iPhoneの3Dタッチはファミコン世代をスマホゲームにいざなう!?【連載:TAIMEI】 - エンジニアtype
2015/11/09
14 users
TAIMEI
小俣泰明
taimeidrive
ＣＴＯ
就任
TAIMEIの「Innovation Roadmap」 小俣泰明（TAIMEI）@taimeidrive NTTコミュニケーションズなどの大手ITベンダーでシステム運用やネットワーク構築の技術を磨いた後、面白法人カヤックでディレクターを担当。その後、2009年4月に上場企業の取締役に就任。2012年8月にトライフォートを共同設立、代表取締役Co-Founder/CTOに就任。スマートフォンアプリ・... 続きを読む
デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」 | DesignDevelop
2015/10/12
75 users
グラフ
チャート
カウントダウン
設計
重要
デザインベースを作り上げるのに必要なUI設計。またその先の設計に基づいたデザイン性のあるクリエイティブも重要となってきます。今回はそんなシーンで参考にしたい、デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」を紹介したいと思います。 いろいろな種類のデザインUIがピックアップされリストギャラリーとなり紹介されています。 詳しくは以下 グラフやチャート、カウントダウン、プ... 続きを読む
アプリ開発をしたい方、必見！ UI設計から公開までを押さえた『ほんきで学ぶAndroidアプリ開発入門』刊行：CodeZine
2015/07/13
79 users
本書
敷居
翔泳社
入門
CodeZine
翔泳社では7月13日（月）、知識ゼロからAndroidアプリを開発できる『ほんきで学ぶAndroidアプリ開発入門』を刊行しました。手軽で敷居が低いAndroidアプリですが、何からやればいいのか分からず手をつけていない方もいらっしゃるはず。ぜひ本書で「入門」してみてください。 本日刊行された『ほんきで学ぶAndroidアプリ開発入門 Android Studio、Android SDK 5対応』... 続きを読む
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書 | コリス
2015/06/03
175 users
ベクターデータ
コリス
Illustra
Sketch
SVG
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 Illustra... 続きを読む
ユーザーインターフェースの質を高める手法「ユーザーはヨッパライ法」とは - GIGAZINE
2014/04/30
142 users
GIGAZINE
ユーザーインターフェース
ウェブページ
PCを操作するキーボードやタッチパネル、自動車を運転する時のハンドルやペダル類、あるいはウェブページの操作画面など、ユーザーが何かを操作したり情報をやりとりする際に触れる部分は総称してユーザインタフェース(UI)と呼ばれており、その仕上がり具合によっては製品の評価が大きく左右されることもあります。製品企画をおこなう際には重要な項目の1つとなっているUI設計ですが、特にウェブサイトにおけるUI品質を... 続きを読む
AppleがiOS 7のUIデザイン向けのマイクロサイトを提供
2014/03/19
73 users
徳武
マイリーディングリスト
Apple
ドキュメント
作者
AppleがiOS 7のUIデザイン向けのマイクロサイトを提供 作者： Sergio De Simone , 翻訳者 徳武 聡 投稿日 2014年3月19日 | 共有 | 後で読む マイリーディングリスト Appleは登録済みのiOS開発者向けに新しいマイクロサイトを提供し、iOS 7のUI設計に関する動画やドキュメントやホワイトペーパーを公開している。サイトの目的は開発者に"iOS 7向けに洗... 続きを読む
iOSヒューマンインターフェイスガイドライン: UI設計の基本事項
2013/10/03
579 users
iOSヒューマンインターフェイスガイドライン
基本事項