#author("2024-12-10T12:00:46+09:00","default:member","member") #author("2024-12-20T14:37:00+09:00","default:member","member") *Medical Band 医療用リストバンドのデザインを選べるWebサイト #image(medical-band.jpg,center,80%) -Ayumi Kuwahara -'''Keywords：wristband, medical care, design, ''' -[[プロトタイプ>https://xd.adobe.com/view/85e12662-846d-45e2-8e6d-a762752a1f67-d0b2/?fullscreen]] -[[Medical band>https://ayumi0619.github.io/Medical-Band/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 医療用リストバンドのデザインを患者さん自身で選べるWebサイト ※医療用リストバンドとは・・・病院に入院する際に手首や足首につけるリストバンドで、患者さんの名前、生年月日、性別、入院している病棟などが記載してある。リストバンドをつけることで、手術や検査、点滴などの時に患者さんが喋れない状況でも患者を識別することができ、誤認を防ぐことができるものだ。 ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 医療用リストバンドは重要なものだが、患者さんが勝手にとってしまうことがある。私も小学生の時に長期入院をした際、リストバンドが好きではなく取りたかった。そのため患者さん自身でリストバンドのイラストなどを選べたら愛着が湧きとる人が減ると考えこの研究に至る。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 愛着が湧くようなリストバンド ~ ***ターゲット 小学生以下の子供 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[Webサイト>https://ayumi0619.github.io/Medical-Band/]] -[[リストバンド>https://drive.google.com/drive/folders/1xwhrRVtaXWKDQLDsMH0DW8xsg_iYw2d-?usp=sharing]] ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Illustrator, Photoshop, XD, Visual Studio Code ~ ***プロジェクトの期間 2024.04.12 - 2024.07.19 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 本研究は私が小学生の時に長期入院をした経験から、患者さん自身でカスタマイズしたリストバンドならつけるのが嫌で取りたくなる存在から、つけてもいい許容出来る存在になるのではないかと考え研究に至った。前期では、リストバンドの試作や、Webサイトのプロトタイプを制作することができた。後期では前期で考えたリストバンドのカスタマイズが現実的ではなく変更することになったが、イラストの色を増やしイラスト自体もフリー素材ではなく自分で制作することができた。また、Webサイトの制作は久しぶりで非常に難しかったがこどもが操作することを考え、ふりがなを使用したり操作方法が簡単なラジオボタンにしたりするなどターゲットを中心に制作することが出来たと考える。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; 医療用リストバンドについて -小樽協会病院「識別リストバンド」 https://www.otarukyokai.or.jp/hotnews/detail/00000136.html -サトーホールディングス株式会社「医療安全の観点から見る『医療用リストバンドの必要性』」 https://www.sato.co.jp/market/column/60/ -医療用リストバンド アイニックス株式会社https://drive.google.com/file/d/1kF2ZooVPDVw5vMr6wMlB8KOrzU6IAmSk/view?usp=sharing ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -サトートップビジネスマシン「小児・新生児用・ソフトタイプリストバンド３型 Ⅲ型 医療用」 https://shop.satotop.co.jp/products/detail/55 -株式会社ムーブ「医療用リストバンド【イヴバンド】」 https://www.move-p.jp/printer/wristband/eveband/ -日本ブレイディ株式会社「ScanBand Soft INFANT」 https://brady.co.jp/products/pdcwrist-health/scanband-soft-infant/ ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; [[井上貢一先生「Dress-up」>https://koichi-inoue.github.io/JQ_DressUp/]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; [[スケジュール>https://docs.google.com/spreadsheets/d/1C7pbwCTOGdjy5Zgf6FA72rDBvlGfpvATH48uqVoZ4zo/edit?usp=sharing]] ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%試作の制作%% -%%どのリストバンドのデザインが人気か調査%% -%%子供達のが好きな柄の調査%% -%%スケジュールの制作%% -%%前期中間報告のためのWebサイトのプロトタイプ%% -%%画面フローの制作%% -%%前期の最終発表のためのWebサイトのプロトタイプ%% -%%リストバンドの問い合わせ%% -%%問い合わせを受けての、リストバンドを再考%% -%%Webサイトの作成%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2025.01.08 ~ **2024.12.06 最終発表フィードバック -実際に印刷してつけているところを写真に撮る -撮った写真をサイトに載せる -選ぶページのボタンをもう少し大きくする -選ぶページは縦並びにしたら？ -選ぶページのリストバンドは上に持ってくる -%%サイトのひらがな、漢字、漢字のふりがなを読む人によってきちんと分ける%% -最後のページをどうするか -%%メインビジュアルの英語のフォントを変える%% ~ **2024.11.28 Webサイト -[[Medical band>https://ayumi0619.github.io/Medical-Band/]] ふりがなを振って子供も読めるようにした。 #image(説明.png,center,80%) ~ **2024.11.21 リストバンド再考版 -[[リストバンド再考03>https://drive.google.com/drive/folders/1xwhrRVtaXWKDQLDsMH0DW8xsg_iYw2d-?usp=sharing]] 中間報告のフィードバックを受けて再考したリストバンド。リストバンドのイラストを好きなものにできる日本ブレイディ株式会社さんのリストバンドの形を使って再考した。 -[[日本ブレイディ株式会社のリストバンド「ScanBand Soft INFANT」>https://brady.co.jp/products/pdcwrist-health/scanband-soft-infant/]] #image(リストバンド.png,center,80%) ~ **2024.11.14 Webサイト（制作途中） -[[Medical band>https://ayumi0619.github.io/Medical-Band/]] ラジオボタン形式のWebサイトにして、子供が操作しやすいようにした。 病院でPCやタブレットで操作をする想定にしているため、横画面で操作するようにしている。 #image(ラジオボタン.png,center,80%) ~ **2024.11.07 中間報告のフィードバック -現実的にリストバンドの波並の形やギザギザの形があるのか？留め具の形が丸以外のものがあるのか？ないならどうやって提案するつもりなのか -現実的ではない提案にするなら手につけるリストバンドでなくもっと架空の提案にすれば良いのではないか（手につけないものなど） -現実的にするなら実現できるものを探してみるべき -Webサイトはラジオボタン形式にした方がもっと簡単にできる ~ **2024.10.24 Webサイト（制作途中） -[[Medical band>https://ayumi0619.github.io/Medical-Band/]] ~ **2024.10.20 実物のリストバンドを制作 #image(実物リストバンド.jpg,center,80%) #image(メインビジュアル02.jpg,center,80%) ~ **2024.10.18 リストバンドの修正（中間報告の指摘を受けて） -[[リストバンド修正版２>https://drive.google.com/drive/folders/1lrLHbIfUXEmqCf9Yatu4lJ0Uh7_NCWxv?usp=drive_link]] （花、車） ~ **2024.10.11 リストバンドの修正（前期最終報告の指摘を受けて） -[[リストバンド修正版２>https://drive.google.com/drive/folders/1lrLHbIfUXEmqCf9Yatu4lJ0Uh7_NCWxv?usp=drive_link]] （クローバー、花） ~ **2024.10.04 リストバンドの修正（前期最終報告の指摘を受けて） -[[リストバンド修正版２>https://drive.google.com/drive/folders/1lrLHbIfUXEmqCf9Yatu4lJ0Uh7_NCWxv?usp=drive_link]] （ハート、星） ~ **2024.09.27 ***教育実習中により届出欠席 ~ **2024.09.20 ***教育実習中により届出欠席 ~ **2024.09.13 リストバンドのサイズ調査 -子供用リストバンドのサイズ 185mm × 22mm -印字エリアのサイズ 70mm × 22mm -[[リストバンドサイズ>https://drive.google.com/file/d/1kF2ZooVPDVw5vMr6wMlB8KOrzU6IAmSk/view?usp=sharing]] ~ **2024.07.12 ***前期最終発表のフィードバック -最初にログイン画面を作ることで、どの患者が、どのリストバンドを希望したのかわかるようにした方が良い -フリーのイラストで愛着が湧くのか？フリーじゃないものが良い -実際に実物を作って手につけた写真をメインビジュアルにしてみる -実物のものを作ってみた方が良い -市販のもののサイズで制作するならそのサイズを載せること ~ ~ **2024.07.04 ***プロトタイプの制作 -[[プロトタイプ>https://xd.adobe.com/view/85e12662-846d-45e2-8e6d-a762752a1f67-d0b2/?fullscreen]] ~ ~ **2024.06.28 ***プログラミングが出来るか相談した結果 -スクロールするタイプのWebサイトだったらJavaScriptでできるかもしれない -前期の最終発表ではAdobeのXDを使ってプロトタイプを作ったらWebサイトがどんなものになるのか分かりやすく、自分でもどんなものを作るのか理解しやすくなる ~ ~ **2024.06.21 ***画面フローの制作 #image(画面フロー01.jpg,center,60%) （スクロールタイプのWebサイト） ***メンビジュアルの変更 #image(お花のリストバンド01.jpg,center,80%) ~ ~ **2024.06.17 ***中間報告のフィーデバックをもとにしたリストバンドの修正 -[[リストバンド修正版>https://drive.google.com/drive/folders/1dxHmimyI46zVgG-p0gNCywGX9dk173KM?usp=sharing]] リストバンドの形と、バーコードの部分をQRコードに変更 --リストバンドの形は中間報告で「もっとカスタマイズ出来るようにするとより愛着が湧くのではないか」という指摘をもとにリストバンドの形もカスタマイズできるように形を変更した。 --QRコードの部分は学科サイトのように患者の個人ページがあり（下のような）医療従事者の方がすぐに患者の病歴などを確認しやすくしたり、書き換えがしやすくしたりするために変更した。また、看護師の母から現在のバーコードだと手首が円柱状で、リストバンドも円状になっているため機械が読み取りをしてくれないことが多いと言っていたのでQRコードに変更した。 #image(患者の個人ページのイメージ.jpg,center,80%) ~ ~ **2024.06.14 ***中間報告と看護師の母へ調査を受けてこれからやる改善点 -リストバンドの形やホックも選べるようにしてカスタマイズ感をより感じやすくし、愛着がもっと湧くようにする -自分でプログラミングが出来る分量なのか永嶋先生に相談するために、画面フローを作成する -QRコードを載せて医療従事者が患者の情報を見やすくしたり、書き換えや書き足しがしやすくしたりさせる ~ ~ **2024.06.07 ***看護師の母にどんなリストバンドならストレスを感じないのか調査した結果 -小児科にいる子供たちには、デザイン性は重要 -取り外しは絶対に出来ないようにする -リストバンドに絶対必要な情報は名前、年齢、性別、バーコード（電子カルテと連動しているため）血液型、これらは災害や火事で電子機器が使えない時でも患者を認識するために必要 -リストバンドの色を変えるようにするのは良くない -リストバンドの形をカスタマイズできるようにするのはやっても良いと思う -バーコードはリストバンドが円形になっているため機械で読み取りにくい、だからQRコードの方が読み取りやすい可能性がある -今制作しているリストバンド形がと手首が傷つく ~ ~ **2024.05.31 ***中間報告フィードバック -リストバンドにQRコードをつけて患者の情報をもっと簡単に知れるような提案をしたら良い -画面フローがあった方がサイトのイメージがしやすいので作った方が良い -コンセプトのリストバンドに愛着を持たせるためには、背景の色やリストバンドの形を選べるなど自分でカスタマイズができるようにすると良い ~ ~ **2024.05.24 ***メインビジュアル作成 #image(メインビジュアル.jpg,center,80%) ~ ~ **2024.05.17 ***Webサイトのページモデル -[[Webサイトのページモデル>https://drive.google.com/drive/folders/1Qm1DeqUEeGqxwtky-QOtFcmpcpyWAOOb?usp=share_link]] ~ ~ **2024.05.10 ***リストバンド試作 -[[リストバンド>https://drive.google.com/drive/folders/18hyvQP9U9ZdnUa7pJARjWKQKfBkbOyC7?usp=sharing]] リストバンドの試作をいくつか制作した。 ~ ~ **2024.04.26 ***Pinterestでデザインの調査 -[[Pinterest>https://pin.it/6nin7tTxI]] ***スケジュール制作 -[[スケジュール制作>https://docs.google.com/spreadsheets/d/1C7pbwCTOGdjy5Zgf6FA72rDBvlGfpvATH48uqVoZ4zo/edit?usp=sharing]] ~ ~ **2024.04.19 リストバンドを取る人は子どもとお年寄りが多いためそこをターゲットにする ***幼児にどんな柄がいいか調査をした結果 叔母が幼稚園で働いているため、叔母の勤務先の幼稚園でアンケートをとった結果以下のような結果になった。このことから、幼児には分かりやすいキャラクターが使用されている方が良いことがわかった。また、すみっコぐらしとブルドーザーなどの働く車は幼稚園にいる全ての年代の子供達から人気があることがわかった。 -２,３歳児 アンパンマン、ブルドーザーなどの働く車、すみっコぐらし、ハローキティ、クロミちゃん、ポケモン、ミッキー、ミニー -４,５歳児 すみっコぐらし、ディズニープリンセス、ポケモン、プリキュア、仮面ライダー、ちいかわ、ブルドーザーなどの働く車 ~ ~ **2024.04.12 ***テーマ設定のための調査・企画 -''医療用リストバンドのデザインを患者自身で選べるサイト'' 医療用リストバンドは重要なものだが、患者が勝手にとってしまうことがある。私も小学生の時に長期入院をした際リストバンドが好きではなく取りたかった。そのため患者自身でリストバンドのデザインを選べたら愛着が湧きとる人が減る人が減ると考えた。 --医療用リストバンドとは 病院に入院する際に手首や足首につけるリストバンドで、患者の名前、生年月日、性別、入院している病棟などが記載してある。リストバンドをつけることで、手術や検査、点滴などの時に患者が喋れない状況でも患者を識別することができ、誤認を防ぐことができるものだ。 参考文献 --小樽協会病院「識別リストバンド」https://www.otarukyokai.or.jp/hotnews/detail/00000136.html --サトー（SATO）「医療用リストバンドのこれまでとこれから」 https://www.sato.co.jp/about/story/wristband.html //メモ //現在の医療用リストバンドでは、患者の名前、生年月日、性別、入院している病棟の情報しか載っていないが患者の病歴やどんな薬を飲んできたのかを、載せれば緊急の時に医療従事者に伝えられる情報が多くなる。また、情報が多くなることでどんな治療を行えばいいか分かりやすくなると考える。 //QRコードなどで読み取りやすくする。（限られた人に公開されるようなQRコードにしないといけない） //リストバンドでないといけない理由は？（） //リストバンドを取る人は子どもとお年寄りが多いためそこをターゲットにする //・小さい子どもたちが好きな柄の調査 //・柄を作って小さい子供に調査をする //・お年寄りが好きな柄の調査 //・柄を作ってお年寄りに調査 ~ ~ https://design.kyusan-u.ac.jp/OpenSquareJP/?CSS/Sample ~