坪田 朋の3354年のノートデザイン会社Basecamp⛺️の代表。dely株式会社のCXO。東京で活動する事業作りを仕事にしているデザイナー / プロダクトマネージャーです。 仕事の依頼はDMで受け付けております。
ヒットメーカーが語る！UIUXはこう設計されている！ - dots.デザイナー部 presents Vol.1-｜IT勉強会ならTECH PLAY［テックプレイ］
TOP > コラム一覧 > ヒットメーカーが語る！UIUXはこう設計されている！ - dots.デザイナー部 presents Vol.1- 2016年6月7日（火）19時より、「dots.デザイナー部」主催の『ヒットメーカーが語る！UIUXはこう設計されている！』が開催されました。 「dots.デザイナー部」は、今年3月に立ち上がったばかり。今回は、発足会につづく第2回目のイベントです。 会場入口には入場を待つ長蛇の列も。受付開始の19時ちょうどから続々と人が集まります。 参加者は200名超え。場内でのヒアリングによると参加者の半数ほどがデザイナー、残り半数がエンジニアだったようです。 ヒットメーカーによるUIUXのtips共有を目的としたこのイベントでは、5名の登壇者による講演が行われました。 登壇者とテーマはそれぞれ下記の通り。 「ゲームから学ぶUIUXデザインプロセス」 株式会社
Wireframing and Prototyping in Adobe XD - Rafal Tomal
Wireframing and Prototyping in Adobe XD posted on June 14, 2016 I’ve been using Photoshop as my main design tool for years, making all of my design mockups, wireframes, and even some illustrations and graphics. I don’t think it’s a perfect tool for a design job, but there are still many reasons why it makes sense (I explained this in one of my blog posts in 2014: Should We Still Use Photoshop To D
UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します
Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。 Wireframing and Prototyping in Adobe XD 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 UI/UXデザインに適したツールを探して Adobe XDとは Adobe XDのアートボード Adobe XDのシェイプ操作 Adobe XDのオブジェクトのグループ化 Adobe XDのリピート グリッド（Repeat Grid） Adobe XDのエクスポートとインポート Adobe XDでプロトタイプを作成 Adobe X
するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary
サイボウズの採用情報ページを見ていた。 サイボウズ | 採用情報（新卒・キャリア） といっても受けるとかではなく、ただ性格悪いことを思っていただけなんだけど。 Kintoneのセクションでアプリっぽいアイコンたちが右から左へと流れているんだけど、それがガタガタとしている。するするしていない。するするさせたい。 というわけで、何が起こっているのかを調べてみようかと。何回かにわけて書くよ。 その1 ― 何が起こっているのか調べる その2 ― 調べながら直しながらするするさせる その3 ― ちょっとしたことや他のブラウザでもするするさせる アニメーションの実装を調べる あとのことを考えて、Chrome DevToolsを使う。 まず、該当の流れるアイコンのところで右クリックしてinspectする。Elementsパネルで、<div class="icon"> という要素がハイライトされる。div
「カートに入れる」は業界用語 ヤフー「らくらく通販」、ECの当たり前を覆したスマホUIに注目
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
管理画面まわりの事情，負の UI/UX について - その手の平は尻もつかめるさ
管理画面を作ってると，「みだりに押されたくはないが，かといって無いと不便」みたいなボタン (或いはそれ以外の何か) を画面上に置きたくなる時があると思う． 例えばバッチで行うような処理を (なんらかの事情で) 即時実行するボタンのようなやつ．こういったボタンは便利だけれど，無闇に押されるとシステムに対する負荷が上がり，サービスの提供に悪影響を及ぼす場合があるのでなるべく押しにくくあるべきだと思う． そういった，おもてなしを目的とはせず，むしろ或る操作に対する敷居を高くするための，謂わば負の UI・負の UX をどうするべきかを軽く考えたのでここに記す． 警告を出す 例えばこの画像のような感じ． こうして注意を喚起することで精神に注意を促すくことで，みだりな利用を抑制するという方法．ボタンを赤くすることで危険な処理であることも表している． 加えてボタンが押された時に念を押すための confi
OSSのJob管理ツールを使ってみた感想 - Qiita
先日ラスベガスで開催されたre:Inventに参加し、その際にデータ分析基盤系のセッションはほぼ参加したのですが、Job管理ツールの話がかなり出ていたのが印象的でした。 AWSにはData PipelineというJob管理サービスがあるのですが、それではなくOSSのJob管理ツールを使っているところが多い印象でした。 日本では自分の観測範囲だとまだ使っているところがあまり多くない印象ですが(実際自分もほとんど使ったことない)、いくつか候補を絞って触って見たので感想を書きます。 あくまでJenkinsしか使ったことがないような個人の感想としてお読みください。。 Airflow Airbnbが開発元 re:Inventでは多くのセッションで紹介されており、一番勢いがある印象を受けた。 依存関係はPythonで書く タスクの登録はUIからやるのではなく、コマンドラインから登録 Python力を前
Docker の WebUI 作りました - Qiita
Docker、コマンドラインでの操作が一般的ですが どうしてもGUIがほしくてWebUI作りました。 もちろん世の中にはいくつかすでに実装があって とかやればたくさんスターがついたよさげなのはあるものの ほしい機能がなかったので forkせず re:Inventしました。1 やれること 1. ブラウザからDocker操作できます http://localhost:9000/ http://localhost:9000/images 状態、検索文字列でコンテナを検索 コンテナに inspect, top, stats, logs, diff, rename, commitコマンド実行 コンテナの start, stop, restart, rm 新規 Dockerイメージの pull 検索文字列でローカルにあるイメージを検索 イメージに inspect, history, tag, rmiコ
UIコンポーネント集 Qiita:Coat - ✘╹◡╹✘
LTを聞いているという感覚でご覧ください。 Qiita:Coat Qiita用のUIコンポーネント集 GitHub用のUIコンポーネント集をForkしてつくりはじめた レポジトリ: https://github.com/increments/qiita-coat デモサイト: http://increments.github.io/qiita-coat/ 今週月曜からやってる これはcommit数 Qiita:Coatが必要に感じた背景 全ての開発者に共通する願い 高速に開発したい 秩序がほしい (a.k.a. 最低限度の品質の保証) 開発体制の情勢に起因する理由 開発人数が徐々に増えつつある 社員11人+アルバイト3人 四半期に1人ぐらい増えてる 50人が51人になるとかならともかく、5人が6人とかになると大きく変わる その他の理由 サポートサイトや採用サイトなどQiita風のデザインを
TechCrunch | Startup and Technology News
The National Democratic Alliance (NDA) has emerged victorious in India’s 2024 general election, but with a smaller majority compared to 2019. According to post-election analysis by Goldman Sachs, JP Morgan,… The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to i
料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページネーションのベストプラクティス | POSTD
UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://ui.design/2016/03/02/antiusability/
UIデザインは誰のもの？
USWDS: The United States Web Design System
Zeplin
Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで
