5つの基本原則で実現する、ユーザビリティの高い画面設計 - Qiita

2024/07/30 67 users イェン Qiita ユーザビリティ 鉄則 プロジェクト

はじめに：なぜ今、ユーザビリティが重要なのか？ みなさん、こんにちは。日々Figmaと格闘しながら画面設計に励むイェンです。 「使いやすい」と言われるアプリやWebサイト。実は、その裏には綿密に計算された設計があるんです。今回は、私が実際のプロジェクトで学んだ、ユーザビリティを向上させるための5つの鉄則をご... 続きを読む

ノンデザイナーでもできる。直感的で使いやすいUIの設計方法

2024/07/01 267 users 背景 アプリケーション 増加 発展 ノーコード開発ツール

本セミナーでは、デザインやITの知識を持たない方でも直感的で使いやすいUIの検討（アプリケーションの画面設計等）を行える方法論をご紹介します。 DXに取り組む企業の増加、ノーコード開発ツールの発展などの背景から、最近、デザインやITの知識をほとんど持たない方が業務用アプリ等の画面をつくる機会が増え… 続きを読む

AIによる爆速開発：画面設計からプログラミングまで自動化！？ - Qiita

2024/04/15 15 users Qiita uizard 爆速開発 プログラミング プロセス

近年、AIの進化によりソフトウェア開発のプロセスが大きく変化しています。これまで手作業で行われてきた画面設計やプログラミング作業も、AIの登場により驚異的なスピードに進化しています。今回は、その中でも私が実際に使っている2つのAIツール、UizardとUI Sketcherについて紹介します。 なお、本記事では医師と患者... 続きを読む

エンジニアが画面設計（Figma）を担当してみた振り返り

2024/01/12 133 users figma 経緯 フロー エンジニア デザイナー

Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容... 続きを読む

画像対応ChatGPTで設計図からコードの世界が実現しててやばい - きしだのHatena

2023/09/28 638 users きしだのHatena 設計図 コード chatgpt やばい

アマチュア驚き屋のきしだです。 ChatGPTが画像入力に対応するよという話があって、来週くらいに使えるようになるかなーと思ったら、もう使えるようになってました。 で、写真から「カレー食べてる男の人です」くらいを言えるイメージで試してたら、なんかふつうに画面設計やクラス図からコードを書いていてびっくりして... 続きを読む

技術に興味がなくて何が悪い？ - Qiita

2023/08/14 384 users コーディング tl;dr 筆者 エンジニア界隈 Qiita

TL;DR 技術に興味がなくても、エンジニアとして生きていくことはできる。 対象読者 自分を技術に興味がない側の人間だと思う方 筆者について Webアプリケーションの開発エンジニア。主な仕事はプログラム詳細設計、画面設計、コーディング。 技術にあまり興味がない。 初めに エンジニア界隈では、以下のような主張がし... 続きを読む

ユーザーが迷わない、直感的に操作できるUIの作り方 | UX TIMES

2022/11/17 154 users UX TIMES オーガナイザー ナレッジ ユーザー 作り方

こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ（以下、習慣化アプリ）」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知... 続きを読む

アップル、アプリ開発者に「ユーザー追跡を許可したらお金あげる」禁止 - Engadget 日本版

2021/04/28 19 users アップル ユーザー追跡 禁止 Engadget 日本版 ATT

アップルは27日に配信開始したiOS 14.5にアプリトラッキング透明性（ATT）、すなわち「アプリが異なるWebやアプリをまたいでユーザーを追跡する際には、ユーザーの明示的な許可を得なければならない」仕組みを導入しました。同時にヒューマン・インターフェース・ガイドライン（アプリと人とのやり取りや画面設計に関す... 続きを読む

複雑な乗換体験を直感的に！　乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog

2019/05/21 314 users 乗換案内アプリ Yahoo 事例 電車 ルート検索

デザイン特集2本目の記事です。 Yahoo!乗換案内アプリでデザインを担当している関豪志（せきたけし）です。乗換案内アプリを担当して約6年になりました。この記事では画面設計をする上で心がけたこと、工夫したことを事例とともに紹介します。 Yahoo!乗換案内アプリとは？ 行きたい場所へのルート検索はもちろん、電車の... 続きを読む

draw.io で書いた画面設計書いてみたらストレスフリーになった 〜 続・gitbookで設計書を作成したら最高だった話 - フォトシンス エンジニアブログ

2018/06/28 113 users GitBook フォトシンス draw.io 試行錯誤 設計書

こんにちは フォトシンスでソフトウェア開発のマネージャーをやっている @ishturky です。 今日のエントリーは、以前書いた 「gitbookで設計書を作成したら最高だった話」の続きです。 akerun.hateblo.jp こんなコメントいただいております。 はい。これはとても悩ましいですね。僕自身もとても悩んでまさに試行錯誤して... 続きを読む

隠れた課題を見つけ出す「構造化シナリオ」を使った画面設計とは | Pinto!

2018/06/13 36 users イケ 設計 深い理由 いいとこ取り Pinto

いくつもの画面設計を重ねていくと、このような状況に陥ることはありませんか？ 「この部分の設計は、昔作ったあのサイトと同じ感じに」 「他社さんが作ったここイケてる！この部分をまねしよう」 というように、どこか他のサイトの「まねごと」だったり、過去に作ったサイトの「いいとこ取り」をしていたり。私自身、（深い理由もないまま）部分的に他のサイトのまねをして、画面設計をしていたこともあったと思います。 どう... 続きを読む

［GDC 2018］ひと目でゲームの面白さが分かる画面設計の秘訣は，ポスター制作にあり？　良い画面設計のための，シンプルな方針 - 4Gamer.net

2018/03/21 112 users ひと目 徳岡正肇 秘訣 非ゲーマー ゲーマー向け

［GDC 2018］ひと目でゲームの面白さが分かる画面設計の秘訣は，ポスター制作にあり？　良い画面設計のための，シンプルな方針 ライター：徳岡正肇 ゲーマー以外もコンピューターゲームをプレイする（プレイし続ける）ようになって，久しい。だがかつては「カジュアルゲーム」と呼ばれていた時代から，非ゲーマーに訴求するゲームを作るためには，ゲーマー向けのゲームを作るのとは異なるノウハウが必要になることが認識... 続きを読む

jagrid - Excel方眼紙をWeb上に再現！ MOONGIFT

2014/05/10 146 users MOONGIFT jagrid Excel方眼紙 断定 再現

これは凄いかも知れない…。 最近のCSSフレームワークは幅を12分割した上でデスクトップ、タブレット、スマートフォンに適応させるスタイルになっています。しかしこれでは緻密な画面設計を求められる日本の業務システムにはマッチしません。 日本の業務システムと言えばExcel方眼紙がデフォルトです（断定）。そのUIに慣れ親しんだ人のためのグリッドレイアウトフレームワークがjagridです。 jagridの... 続きを読む

スマートフォンは実生活のためのリモコンである : could

2013/11/18 14 users could TechCrunch リモコン 最初 瞬間

モバイル スマートフォンは実生活のためのリモコンである 利用者にとってスマートフォンの体験は、アプリから始まっているのではなく、スマートフォンを持った瞬間から始まっています。アプリの画面設計でも、アプリを開く前のことを考えなくては、何を最初に見せるべきなのかも見え難くなります。 Techcrunch で、「Great Mobile Apps Are Remote Controls For Real... 続きを読む

iOSのデザインをするときに利用しているツールいろいろ | ナナメウエblog

2013/02/07 219 users iOS 若輩 ナナメウエBlog suzukisan_ 鈴木

こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Shee... 続きを読む

小野和俊のブログ:UX/UIデザインガイドライン

2012/04/13 758 users アプレッソ 小野和俊 プログラマー 指針 各社

このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 世の中にはすでにUX/UIデザインガイドラインとして各社の推奨する指針をまとめたものが公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものに... 続きを読む

アップル、8インチ級の iPad を開発中 (WSJ) -- Engadget Japanese

2012/02/14 84 users ＷＳＪ うわさ サプライヤ筋 アップル 証言

3月の第一週にも発表されるらしい、という iPad 3 (仮)とはまた別に、アップルがより小さな画面の iPad を開発しているとのうわさを Wall Street Journal が伝えています。アップルと取引がある複数のサプライヤ筋によれば、アップルは8インチ前後の画面を備えたタブレットデバイスの画面設計を示し、供給先の選定を進めているとのこと。 また同じサプライヤ筋の証言では、8インチ iP... 続きを読む

ニコ生専用のエンコーダーついに登場！‐ニコニコインフォ

2012/02/09 27 users エンコーダー NLE インフォ インターフェイス Tweet

ニコ生専用のエンコーダーついに登場！ 2012年02月09日 Tweet 本日、生主待望の『Niconico Live Encoder』を配布開始しました。 Niconico Live Encoder（ニコニコ・ライブ・エンコーダー[略称：NLE]）は日本語のインターフェイス（画面設計）で分りやすく、 そして誰でも簡単かつ高画質に配信できるニコニコ生放送専用の配信エンコーダーです。 Splitme... 続きを読む

WEBディレクタなら参考にしたい手書きの画面設計書｜designaholic -Creative Column-

2011/02/18 1060 users ワイヤーフレーム designaholic 実物 手書き 参考

様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を行ってますが、ぜひとも参考にしたい手書きのワイヤーフレームを紹介します。 まずはPCサイトですが、実物とあわせてどうぞ。   Five Years of Firefox     Five Years of Firefox 続きを読む

画面設計とか外部設計とか、もうやめようよ - masayangの日記（ピスト通勤他

2009/01/29 281 users masayang ピスト通勤 外部設計 日記

昨日は特徴(Feature)、粗筋(Story)、脚本(Scenario)でちょいと言及した「Feature, Story, Scenarioがごっちゃになりかけている」プロジェクトの人達とお話しする機会があった。よくよく見ると、FeatureとFunctionとがごっちゃになっていた。つまり、要件分析の段階で実装のことを考えていたのである。なぜ、そうなったのだろう？画面から要件分析をすると、こう... 続きを読む

ウェブの画面設計に使えるまとめ - DesignWalker

2008/05/30 1103 users ウェブ 善し悪し 矛盾 デザイナー 規模

構築するウェブサイトの規模が大きくなればなるほど、画面設計はとても大切なものになりますね。 要素の抜けや、動作的な矛盾が無いかを確認したり、デザイナーはその設計書を元にデザインをおこすので、設計書の善し悪しが、最終的にそのサイトの善し悪しに直結するのではないでしょうか？ 今回は、画面設計の際に使えそうなサイトをいくつかピックアップしてみました。 PowerPoint Prototyping Too... 続きを読む

ECサイトの画面設計--男と女、買い物の行動パターンはどう違う？:マーケティング - CNET Japan

2008/03/28 626 users マーケティング CNET Japan ＥＣ 行動パターン 構築

便利さ、手軽さから、オンラインショッピングは今や私たちの生活の中に深く浸透しています。そして「売れるオンラインショップ」を目指して、各Eコマース（EC）サイトが凌ぎを削っています。ECサイトの構築にあたって、まずはそのショップのターゲットを設定し、それぞれの攻略方法を考えることが大切です。攻略方法を考えるには、ターゲットユーザーのサイト内行動を知る必要があります。 ここで1つの疑問が浮かびます。は... 続きを読む