<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>網頁開發 &#8211; 凱博創意｜UIUX改造專家 &#8211; 設計&times;開發</title>
	<atom:link href="https://www.design4cap.com.tw/Cap2020/tag/%e7%b6%b2%e9%a0%81%e9%96%8b%e7%99%bc/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.design4cap.com.tw/Cap2020</link>
	<description>Cross, Anything's Possible &#34;跨越 &#215; 交織　實現可能&#34;</description>
	<lastBuildDate>Fri, 09 Aug 2024 08:41:33 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2022/03/cropped-LOGO_Avatar_bl-32x32.png</url>
	<title>網頁開發 &#8211; 凱博創意｜UIUX改造專家 &#8211; 設計&times;開發</title>
	<link>https://www.design4cap.com.tw/Cap2020</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>專案紀錄｜醫療服務平台UXUI設計</title>
		<link>https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84%ef%bd%9c%e9%86%ab%e7%99%82%e6%9c%8d%e5%8b%99%e5%b9%b3%e5%8f%b0uxui%e8%a8%ad%e8%a8%88/</link>
		
		<dc:creator><![CDATA[Captain]]></dc:creator>
		<pubDate>Fri, 09 Aug 2024 07:47:18 +0000</pubDate>
				<category><![CDATA[專案紀錄]]></category>
		<category><![CDATA[Web APP]]></category>
		<category><![CDATA[介面設計]]></category>
		<category><![CDATA[專案開發]]></category>
		<category><![CDATA[策略夥伴]]></category>
		<category><![CDATA[網頁開發]]></category>
		<guid isPermaLink="false">https://www.design4cap.com.tw/Cap2020/?p=1929</guid>

					<description><![CDATA[醫療服務平台UXUI設計]]></description>
										<content:encoded><![CDATA[<div class="taxonomy-post_tag wp-block-post-terms has-small-font-size"><a href="https://www.design4cap.com.tw/Cap2020/tag/web-app/" rel="tag">Web APP</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88/" rel="tag">介面設計</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e5%b0%88%e6%a1%88%e9%96%8b%e7%99%bc/" rel="tag">專案開發</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e7%ad%96%e7%95%a5%e5%a4%a5%e4%bc%b4/" rel="tag">策略夥伴</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e7%b6%b2%e9%a0%81%e9%96%8b%e7%99%bc/" rel="tag">網頁開發</a></div>


<div class="wp-block-columns Tx-box is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><em><strong>全新社區醫學服務平台</strong></em></li>



<li><em>使用者流程設計(UX)</em></li>



<li><em>Web APP介面設計(UI)</em></li>



<li><em>包含撰寫Html+CSS+JS版面文件</em></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large is-style-default"><img fetchpriority="high" decoding="async" width="1024" height="576" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/螢幕截圖-2024-04-09-20.53.25-1024x576.png" alt="" class="wp-image-1931" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/螢幕截圖-2024-04-09-20.53.25-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/螢幕截圖-2024-04-09-20.53.25-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/螢幕截圖-2024-04-09-20.53.25-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/螢幕截圖-2024-04-09-20.53.25-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/螢幕截圖-2024-04-09-20.53.25.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:32px"><strong>將抽象及破碎的概念具象化</strong></h3>



<p>使用場景橫跨了病患手機、院所候診間、院所櫃檯、醫師診間等跨裝置跨區域的整合。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>初期業主提供的資訊極少，於是我們協助了資料收集及看診經驗的調查，並將抽象及破碎的概念具象化，構築了簡易營運架構圖以利制定明確的走向。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="1024" height="684" data-id="2129" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-met截圖-1024x684.png" alt="" class="wp-image-2129" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-met截圖-1024x684.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-met截圖-300x200.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-met截圖-768x513.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-met截圖.png 1171w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">業主提供的初期概念視圖</figcaption></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69b00a475d72a&quot;}" data-wp-interactive="core/image" data-wp-key="69b00a475d72a" class="wp-block-image size-large is-style-default wp-lightbox-container"><img decoding="async" width="970" height="805" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" data-id="2130" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-系統架構.png" alt="" class="wp-image-2130" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-系統架構.png 970w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-系統架構-300x249.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/醫療服務平台-系統架構-768x637.png 768w" sizes="(max-width: 970px) 100vw, 970px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="放大"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</figure>
</div>
</div>



<p><strong>在進行系統的 UI 設計時，重點放在以下幾個方面：</strong></p>



<ol class="wp-block-list">
<li><strong>使用者友好性</strong>：界面設計應該易於理解和操作，從而縮短交易時間並降低使用者的學習成本。</li>



<li><strong>效率</strong>：界面設計應該能夠提高工作效率，讓使用者能夠快速完成銷售過程，包括桌況管理、處理付款等任務。</li>



<li><strong>整體外觀</strong>：注重整體美感，包括色彩搭配、字體選擇和圖標設計，從而營造出舒適的使用體驗。</li>



<li><strong>功能性</strong>：考慮新增或優化現有功能，以滿足使用者需求，包括訂單管理、營業追踪等。</li>



<li>不同的應用對應不同的目標裝置</li>
</ol>



<h3 class="wp-block-heading cap-mt5" style="font-size:32px"><strong>主流程介面</strong></h3>



<h4 class="wp-block-heading">診所端｜候診間叫號通知、醫師控號、櫃台整合管理</h4>



<figure class="wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2104" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01-1024x576.png" alt="候診間件號通知｜四診間整合顯示" class="wp-image-2104" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_01.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2105" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02-1024x576.png" alt="候診間件號通知｜單一診間顯示" class="wp-image-2105" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_02.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2106" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03-1024x576.png" alt="醫師控號｜叫號功能、病患資訊" class="wp-image-2106" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_03.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2107" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04-1024x576.png" alt="櫃台整合管理｜掛號、報到、建立病患資訊" class="wp-image-2107" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_04.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2109" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06-1024x576.png" alt="櫃台整合管理｜候診端版面及資訊設定" class="wp-image-2109" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_06.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2108" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05-1024x576.png" alt="櫃台整合管理｜編輯管理客顯端貼文" class="wp-image-2108" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_05.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2110" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07-1024x576.png" alt="櫃台整合管理｜設定客顯端(病患手機)版面及資訊設定" class="wp-image-2110" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_07.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08.png"><img loading="lazy" decoding="async" width="1024" height="576" data-id="2111" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08-1024x576.png" alt="櫃台整合管理｜編輯客顯端(病患手機)診所資訊設定" class="wp-image-2111" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_08.png 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
</figure>



<h4 class="wp-block-heading cap-mt5">客顯端｜運用於病患或家屬手機LINE官方帳號</h4>



<figure class="wp-block-gallery has-nested-images columns-4 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2112" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11-473x1024.png" alt="客顯端｜入口主畫面頂部，以掛號叫號通知為主要顯示內容" class="wp-image-2112" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_11.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2113" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12-473x1024.png" alt="客顯端｜入口主畫面下滑區塊，內容為診所投影片及貼文" class="wp-image-2113" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_12.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2114" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13-473x1024.png" alt="客顯端｜主導覽列" class="wp-image-2114" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_13.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2115" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14-473x1024.png" alt="客顯端｜預約看診畫面" class="wp-image-2115" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_14.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2116" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15-473x1024.png" alt="客顯端｜家庭成員管理，可運用於家長幫小孩管理或預約看診" class="wp-image-2116" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_15.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2117" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16-473x1024.png" alt="" class="wp-image-2117" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_16.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2119" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18-473x1024.png" alt="客顯端｜可記錄自我健康評估，利於提供醫師資訊及醫師對病人的提醒" class="wp-image-2119" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_18.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21.png"><img loading="lazy" decoding="async" width="473" height="1024" data-id="2122" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21-473x1024.png" alt="客顯端｜診所資訊" class="wp-image-2122" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21-473x1024.png 473w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21-139x300.png 139w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21-768x1662.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21-710x1536.png 710w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/GeoMed_21.png 828w" sizes="auto, (max-width: 473px) 100vw, 473px" /></a></figure>
</figure>



<iframe loading="lazy" id="iframe-shrink" class="cap-mt5"
  id="inlineFrameExample00"
  title="Inline Frame Example_00"
  width="100%"
  height="450"
  src="https://www.design4cap.com.tw/Project_D/2023/MedRegister/PatientView.html">
</iframe>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>專案紀錄｜Line線上點餐系統UXUI大改造</title>
		<link>https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84line%e7%b7%9a%e4%b8%8a%e9%bb%9e%e9%a4%90%e7%b3%bb%e7%b5%b1uxui%e5%a4%a7%e6%94%b9%e9%80%a0/</link>
		
		<dc:creator><![CDATA[Captain]]></dc:creator>
		<pubDate>Thu, 11 Apr 2024 15:20:42 +0000</pubDate>
				<category><![CDATA[專案紀錄]]></category>
		<category><![CDATA[#2023]]></category>
		<category><![CDATA[Web APP]]></category>
		<category><![CDATA[介面設計]]></category>
		<category><![CDATA[專案開發]]></category>
		<category><![CDATA[策略夥伴]]></category>
		<category><![CDATA[網頁開發]]></category>
		<guid isPermaLink="false">https://www.design4cap.com.tw/Cap2020/?p=1924</guid>

					<description><![CDATA[手機點餐有螢幕較小及非工作人員操作， 易造成使用不易及錯誤。因此 UI 改造時，重點放在以下幾個方面： 我們強 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="taxonomy-post_tag wp-block-post-terms has-small-font-size"><a href="https://www.design4cap.com.tw/Cap2020/tag/2023/" rel="tag">#2023</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/web-app/" rel="tag">Web APP</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e4%bb%8b%e9%9d%a2%e8%a8%ad%e8%a8%88/" rel="tag">介面設計</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e5%b0%88%e6%a1%88%e9%96%8b%e7%99%bc/" rel="tag">專案開發</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e7%ad%96%e7%95%a5%e5%a4%a5%e4%bc%b4/" rel="tag">策略夥伴</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.design4cap.com.tw/Cap2020/tag/%e7%b6%b2%e9%a0%81%e9%96%8b%e7%99%bc/" rel="tag">網頁開發</a></div>


<div class="wp-block-columns Tx-box is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><em><strong>當前市場流通軟體UIUX改造</strong></em></li>



<li><em>優化使用者流程</em></li>



<li><em>Web APP介面設計</em></li>



<li><em>包含撰寫Html+CSS+JS版面文件</em></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large is-style-default"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/Line線上點餐系統UXUI大改造-1024x576.png" alt="" class="wp-image-1926" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/Line線上點餐系統UXUI大改造-1024x576.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/Line線上點餐系統UXUI大改造-300x169.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/Line線上點餐系統UXUI大改造-768x432.png 768w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/Line線上點餐系統UXUI大改造-1536x864.png 1536w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/Line線上點餐系統UXUI大改造.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p><strong>手機點餐有螢幕較小及非工作人員操作， 易造成使用不易及錯誤。因此 UI 改造時，重點放在以下幾個方面：</strong></p>



<ol class="wp-block-list">
<li><strong>簡潔的設計：</strong>確保介面乾淨俐落，讓用戶能夠快速找到他們需要的功能和信息。</li>



<li><strong>直覺的操作：</strong>設計使用者友好的操作流程，目的是讓用戶輕鬆順暢地完成點餐過程。</li>



<li><strong>客製化選項：</strong>提供豐富的選擇，使用戶可以自由調整和定制他們的訂單。</li>
</ol>



<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile cap-mt4" style="grid-template-columns:auto 64%"><div class="wp-block-media-text__content">
<p>我們強調品牌區隔，制定<strong>品牌標準配色</strong>運用於元件中，並在特定區域凸顯。</p>
</div><figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="960" height="720" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-00配色規範.png" alt="" class="wp-image-1951 size-full" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-00配色規範.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-00配色規範-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-00配色規範-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></figure></div>



<h3 class="wp-block-heading cap-mt5" style="font-size:24px"><strong>主流程介面</strong>．<strong>舊版→<strong>新版</strong>比較</strong></h3>



<figure class="wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-01.png"><img loading="lazy" decoding="async" width="960" height="720" data-id="1943" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-01.png" alt="" class="wp-image-1943" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-01.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-01-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-01-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></a></figure>



<figure class="wp-block-image size-full"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02.png"><img loading="lazy" decoding="async" width="960" height="720" data-id="1944" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02.png" alt="" class="wp-image-1944" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></a></figure>



<figure class="wp-block-image size-full is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-1.png"><img loading="lazy" decoding="async" width="960" height="720" data-id="1946" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-1.png" alt="" class="wp-image-1946" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-1.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-1-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-02-1-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></a></figure>



<figure class="wp-block-image size-full is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03.png"><img loading="lazy" decoding="async" width="960" height="720" data-id="1947" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03.png" alt="" class="wp-image-1947" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></a></figure>



<figure class="wp-block-image size-full is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-1.png"><img loading="lazy" decoding="async" width="960" height="720" data-id="1948" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-1.png" alt="" class="wp-image-1948" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-1.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-1-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-03-1-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></a></figure>



<figure class="wp-block-image size-full is-style-default"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-04.png"><img loading="lazy" decoding="async" width="960" height="720" data-id="1949" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-04.png" alt="" class="wp-image-1949" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-04.png 960w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-04-300x225.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-04-768x576.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></a></figure>



<figure class="wp-block-image size-full is-style-default cap-w-100"><a href="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-05.png"><img loading="lazy" decoding="async" width="1407" height="1156" data-id="1952" src="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-05.png" alt="" class="wp-image-1952" srcset="https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-05.png 1407w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-05-300x246.png 300w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-05-1024x841.png 1024w, https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2024/04/新舊版-LINE點餐-05-768x631.png 768w" sizes="auto, (max-width: 1407px) 100vw, 1407px" /></a></figure>
</figure>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
