タグ「UI設計」 - はてブログ

タグ UI設計

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 38件)

解約したお客さまにインタビューしてプロダクトの企画に活かすまで - 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ヒューマンインターフェイスガイドライン基本事項