解約したお客さまにインタビューしてプロダクトの企画に活かすまで - Repro Tech Blog

2024/01/19 19 users Repro Tech Blog プロダクト 企画 お客さま

はじめまして、ReproでUI/UXデザイナーを務めている河西と申します。Reproのデザイナーはプロダクト企画を行っているProduct Planning Teamに属し、プロダクトの少し先の未来を描き、中期製品戦略の策定とその浸透および状況にあわせた戦略の改定、顧客からの一次情報を収集、戦略の実行のため体験設計、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) ... 続きを読む

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ヒューマンインターフェイスガイドライン 基本事項

続きを読む

クックパッドのUI設計の秘訣は仮説思考にあった！ - UX-design

2013/04/11 311 users 吉日 クックパッド Ruby 仮説思考 UIデザイナー

2013-04-11 クックパッドのUI設計の秘訣は仮説思考にあった！ クックパッドと言えばRubyの匠として有名ですが、どうやらUX / UI に関してもめちゃくちゃ力を入れているようで、「こりゃ調べるっきゃねぇ！」と思い立ったが吉日。ググってるとこんな記事（【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」）に出会うことが... 続きを読む

Dropbox が Mailbox を買収、アプリ公開から一か月あまり - Engadget Japanese

2013/03/16 70 users MAILBOX メールアプリ Dropbox 買収 スワイプ

Dropbox が Mailbox を買収、アプリ公開から一か月あまり By Ittousai posted 2013年03月16日 14時51分 0 Dropbox がメールアプリ Mailbox の開発元 Orchestra社を買収しました。Mailbox は今年の2月にリリースされたばかりのiOS用メールクライアント。 「メールとはタスク管理である」という見切りに基づくUI設計と、スワイプを... 続きを読む