個人開発のUI設計術 - Crieit
あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を
UI を考える前にユースケースを観察しよう /「さよなら、インタフェース」を読んだ - kakakakakku blog
及川さんの記事を読んで気になったので「NoUI 本」を読んでみた． 今 Amazon を見てみると「Webデザイン」カテゴリなど複数のカテゴリでベストセラー1位になってて，注目度の高さが感じられる． takoratta.hatenablog.com 全体感 本書の論調が独特で，流れるように主張が展開されていくし，目の前で TED のプレゼンを聞いてるかのような体験ができる．翻訳が大変そうだなという印象も同時に受けた． 主張は素晴らしくて「本当に今考えてる形が最善なの？テクノロジーを活用してむしろ遠回りしてるんじゃないの？」と自問自答しないとダメだなと強く感じることができた．実際のユースケースを観察して「いつもの手順」を見極めることが重要だし，言い換えれば，ドッグフーディングの重要性とも言えるかもしれない． さよなら、インタフェース -脱「画面」の思考法 作者: ゴールデン・クリシュナ,武舎
Private Presentation
Private content!This content has been marked as private by the uploader.
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 | アプリマーケティング研究所
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
月間1000万PVを支える「UIの言葉選び」のためのチェックリスト - クックパッド開発者ブログ
クックパッド ダイエット事業室の田中です。昨年５月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットのUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言（言葉）」をどのようなプロセスで決定していますか？ UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア
アプリのUI設計は「紙でやる」のが早い！ - Qiita
はじめに こんにちはー！！ UI設計やってますか？ 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね！ 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います！ 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね～。 しかも！ 大抵の場合、実装後のレビューの段階（つまり最終段階）で 「やっぱここ動きおかしいよね！直せる？」 「・・・。（えー！
UIの話は会議室でするな
UIデザインの決定プロセスをより高速化するために、会議するのをやめました。会議をやめたことでより多くのフィードバックを得ることができ、デザインの修正コストを下げる事ができました。
webデザイン業界で「UI/UX」という言葉が流行った理由を現場視点から勝手に語る
Web業界で、「UI/UX」っつって、この２つが同列のように書かれることが多いのも、大いに違和感があるんだけどね。UXはUIよりも、はるかに上位の概念だろうに。さらには、Web上だけで済むような話では、まったくないし。 — い (@hii1969) 2014, 6月 2 ユーザーの体験において、UIにふれるのは、ほんの一部の時間だ。 「UI/UX」と並列に書いたら、「それは違うよね・・・」とみなされる風潮ではあると思うんだけど。 じゃあ、この違和感がある「UI/UX」という言葉はなんでうまれたんだろう？ なんでwebデザイン業界では並列に使われてきたんだろう？ そんな問いがふと頭によぎった。 同時に、自分の現場感覚でこの言葉が流行る理由についてもわかる気もした。 というわけでwebデザイン業界で「UI/UX」という言葉が流行った理由を、現場視点から書いてみようと思う。 ※なお、これは私（と
年間300億。Webユーザビリティ３つの間違い・落とし穴
「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」:phpspot開発日誌
FullCalendar - Full-sized Calendar jQuery Plugin Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダー実装のスクリプトは色々とありますが、UIが綺麗に作られているカレンダー実装jQueryプラグインの１つとしてご紹介 ドキュメントが充実しておりカスタマイズ制が高いものとなっています 関連エントリ Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」 これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
UXとかデザインプロセスとかに興味を持ったら読む10冊の本(後半戦) : void chachaki::Blog::main()
7冊目は「アイデア・スイッチ」です。これは私が尊敬する石井力重さんの本ですが、石井さんがすごいのはアイデア発想を支援するビジネスを展開しながら、そのツールを創っていること、そしてそのツールをオープンにしているところです。最近はアイデアソンやハッカソンなど、アイデアをオープンにする活動が盛んになってきていますが、それが盛んになる以前から行なっていることがすごいと感じています。石井さんのブログの311specialにはその技法の多くが公開されています。 で、何故その石井さんの本を出したかというと、結局プロセスだけではものがつくれないので、どこかで発想を刺激することが必要になります。そこにはメソドロジーがない、とよく言われているのですが、「創造工学」というところで、創造という領域に対して工学的なアプローチをとっていて、その分野でずば抜けているのが石井さんだと感じていて、というわけで紹介したもので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SOLID AIR | SITE4D
https://www.jenkins.io/projects/blueocean/
平田凡斎 on Twitter: "今日届いた10年前の本なんですけど、welqの事件を考えるとめっちゃ示唆的な物がある https://t.co/yDkSEtOPJK"
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
DeNA Engineering - DeNAエンジニアのポータルサイト
masui / Web時代のユーザインタフェース研究 - Glide