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

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

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

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

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

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

エンジニアが画面設計（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を指摘されることで多くのナレッジを得られました。知... 続きを読む

複雑な乗換体験を直感的に！　乗換案内アプリのデザイン - 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 こんなコメントいただいております。 はい。これはとても悩ましいですね。僕自身もとても悩んでまさに試行錯誤して... 続きを読む

［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の... 続きを読む

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... 続きを読む

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つの疑問が浮かびます。は... 続きを読む