﻿<?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>GPS软件平台开发技术博客 &#187; 原型设计</title>
	<atom:link href="http://www.jt808.com/?feed=rss2&#038;tag=%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1" rel="self" type="application/rss+xml" />
	<link>http://www.jt808.com</link>
	<description>帮助IT团队快速构建符合部标的GPS和视频平台(2379423771@qq.com)</description>
	<lastBuildDate>Sun, 03 Nov 2024 04:30:16 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>GIS、GPS和视频监控界面设计</title>
		<link>http://www.jt808.com/?p=267</link>
		<comments>http://www.jt808.com/?p=267#comments</comments>
		<pubDate>Sun, 23 Dec 2012 06:31:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GPS系统]]></category>
		<category><![CDATA[部标过检与认证]]></category>
		<category><![CDATA[GMap.NET]]></category>
		<category><![CDATA[GPS车辆监控系统]]></category>
		<category><![CDATA[原型设计]]></category>

		<guid isPermaLink="false">http://www.ltmonitor.com/blog/?p=267</guid>
		<description><![CDATA[无论是开发地理信息系统还是开发视频监控系统，都会面临者一个问题：界面如何设计，实质是信息数据的如何组合搭配的问 [...]]]></description>
			<content:encoded><![CDATA[<p>无论是开发地理信息系统还是开发视频监控系统，都会面临者一个问题：界面如何设计，实质是信息数据的如何组合搭配的问题。因为我不仅仅是那别人的地图引擎，如Mapinfo, Mapxtreme还有GMap.NET, 百度，高德地图等来做个地图和坐标的展示或者车辆轨迹的展示，那样的话，我们的产品还有什么竞争力，还有什么差异化，对于用户来说有什么用处呢？</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">因为需要展现的数据不单单是一个破地图和一个坐标，而是将一切与监控对象相关的所有的信息数据以可视化地图、定位地标、图表、报警动画等形式展现出来。这就需要设计者的功力了和创意了。努力思考不断改进的人做出的软件必然比那些抄袭别人、几百年不变一次的软件要耐看好用。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;"><a href="http://www.ltmonitor.com/blog/?p=267" style="color: rgb(0, 102, 255); text-decoration: none;"><img alt="" height="176" src="http://www.ltmonitor.com/blog/wp-content/uploads/4fcedd33gw1dp0uvuknjxj.jpg" style="border: none; margin: 0px; padding: 0px;" width="440" /></a></p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">比如物流运输行业监控的对象是车，那么围绕车的数据，如车辆的车牌号司机基本信息、运输配送的业务数据、该车辆的轨迹、定位数据、该车辆目的地、起始地的业务数据和GIS数据。进而延伸到配送路径优化、业务综合报表数据等更加复杂的数据。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">这些数据如果仅仅想积木块的堆砌在界面上，就会臃肿不堪，看似花红柳绿、眼花缭乱，实则操作繁琐。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">监控界面的设计要解决的问题是：</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">1.数据的相关性，就是互相关联的数据，如前面说的车这个监控对象所有相关的数据如何有层次的、有关联的展现出来。同时还要注意隔离性，如管理和监控时两个不同的概念，对应的也是不同的操作用户，将数据的管理和监控操作和监控信息展现的功能要剥离开来，这样才能减少数据的堆砌。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">如下的界面，就是功能的堆砌，数据的录入、管理和监控堆放在一起，初看起来功能很多很丰富，但是没有为一线的监控用户考虑.</p>
<p style="margin: 0px 0px 10px; padding: 0px;">&nbsp;</p>
<p style="margin: 0px 0px 10px; padding: 0px;"><img alt="" height="737" src="http://www.ltmonitor.com/blog/wp-content/uploads/verygood.bmp" style="border: none; margin: 0px; padding: 0px;" width="1020" /></p>
<p style="margin: 0px 0px 10px; padding: 0px;">2.操作的如何简便、快速定位到关心的对象上，大型物流企业，都是集中监控，监控工作量很大，没有人傻到一个车一个车的看，只是对与异常的、自己关心的对象，能够快速的定位到它，并快速的展现数据。</p>
<p style="margin: 0px 0px 10px; padding: 0px;"><img alt="" height="598" src="http://www.ltmonitor.com/blog/wp-content/uploads/nicegui.bmp" style="border: none; margin: 0px; padding: 0px;" width="1348" /></p>
<p style="margin: 0px 0px 10px; padding: 0px;">3.智能性，将原始数据展现在界面上，是一种弱智的做法，很多人喜欢将经纬度坐标显示在界面上，他也不想想用户看到经纬度坐标，有什么用。所以需要将数据进行更深层次的分析、加工、过滤，减少无效的数据，然后在显示在界面上，才是一个好的设计师要做的。</p>
<p style="margin: 0px 0px 10px; padding: 0px;">下面就是一个弱智的界面设计：</p>
<p style="margin: 0px 0px 10px; padding: 0px;"><img alt="" height="424" src="http://www.ltmonitor.com/blog/wp-content/uploads/badgui.bmp" style="border: none; margin: 0px; padding: 0px;" width="629" /></p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">&nbsp;</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">4.性能，数据的展现和界面的切换不能以牺牲性能为代价，很多人忽视是因为自己做的客户数据量太小，但并不代表自己软件的性能好。监控人员最难容忍的就是慢，地图慢慢的打开，地标数据慢慢的显示，都是非常不可取的。比如下面的一个全国行的物流企业，数据量很大，那么界面设计的时候，这个问题就不能忽视，否则就是致命的负面效果。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;"><a href="http://www.ltmonitor.com/blog/?p=267" style="color: rgb(0, 102, 255); text-decoration: none;"><img alt="" height="460" src="http://www.ltmonitor.com/blog/wp-content/uploads/largedata.png" style="border: none; margin: 0px; padding: 0px;" width="270" /></a></p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;"><img alt="" height="549" src="http://www.ltmonitor.com/blog/wp-content/uploads/largevehicles.bmp" style="border: none; margin: 0px; padding: 0px;" width="926" /></p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">5.地图的选择问题</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">&nbsp; &nbsp;其实地图和地图服务商的选取，也是非常重要，可以让我们开发者事半功倍，比如选用GMap.NET，我们就基本上用了Google的服务。选用baidu地图，基本上就用了百度和高德的服务，我们需要做一个评估。地图的美观和我们界面颜色的搭配也是很重要的，这个需要我们在设计过程中来不断调整搭配。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">6.到底是B/S还是C/S的好，这个问题很多开发团队都会有争论，这个问题也和第四个问题相关。</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">&nbsp; &nbsp;其实这个问题不需要争论，如果是局域网，两个都可以，如果是互联网，绝对是C/S的效果最棒，不仅性能好，而且开发效率也高。而且C/S同样也可以做出很酷的界面，你不同意只是你不会做而已。</p>
<p>&nbsp;</p>
<p style="margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px;">对与升级的问题，这个就不是个问题，很多人拿他来说事，只能是无知。看看360还有搜狗拼音，人家不也是客户端，升级不也是有声有色的。还能强行升级。只不过说，对于C/S客户端，升级的功能要在一开始都要设计开发好罢了，不过是几行代码而已。没有多大个事。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><font color="#333333" face="sans-serif"><span style="line-height: 20px; "><span style="font-size: 16px; "><strong>开发者可以下载我开发的商用地图应用程序来规划自己的地图应用程序的设计：</strong></span></span></font></p>
<p><a href="http://www.jt808.com/wp-content/plugins/download-monitor/download.php?id=1" style=""><img src="http://www.ltmonitor.com/blog/wp-content/uploads/2011/08/Download-17.png" alt="商业地图监控应用下载" />商业地图监控应用下载 已下载 2096 次</a> &nbsp;&nbsp;</p>
<p> (27710)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jt808.com/?feed=rss2&#038;p=267</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>如何进行原型设计</title>
		<link>http://www.jt808.com/?p=47</link>
		<comments>http://www.jt808.com/?p=47#comments</comments>
		<pubDate>Sat, 13 Aug 2011 01:47:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[部标过检与认证]]></category>
		<category><![CDATA[原型设计]]></category>

		<guid isPermaLink="false">http://www.ltmonitor.com/blog/?p=47</guid>
		<description><![CDATA[常规的开发流程让很多的项目经理只知道编写需求和功能说明书，然后进行所谓的架构设计，画出一大堆的垃圾UML图，然 [...]]]></description>
			<content:encoded><![CDATA[<p><a class="summary" href="http://www.ltmonitor.com/blog/wp-content/uploads/2011/08/prototypedesign.jpg"><img alt="" class="alignnone size-medium wp-image-50" height="168" src="http://www.ltmonitor.com/blog/wp-content/uploads/2011/08/prototypedesign-300x161.jpg" title="prototypedesign" width="250" /></a>常规的开发流程让很多的项目经理只知道编写需求和功能说明书，然后进行所谓的架构设计，画出一大堆的垃圾UML图，然后就开始驱动开发人员进行编程，这种模式所带来的后果是灾难深重的。</p>
<p>1.对于具体的任务，在分配的时候，如果没有产品原型设计，那么每个功能点不能刻画的接近清晰。在估算工作量的时候，偏差很大，可以说很多时候就是个谎言，如果工作量的估算偏差很大，那自然项目进度计划就是一张废纸。项目计划的合理性对项目的成败显然至关重要。</p>
<p>2.没有原型设计，等于将产品设计的重担压给了普通开发人员，宝贵的开发时间就要浪费在揣摸这个界面到底该是个什么样的。风格不统一，或者不好看，后面让领导和客户没有心理预期的看到后，返工的代价太重了。</p>
<p>3.没有原型，客户无法给出更加接近真实的需求，公司市场部门、领导无法直观的给出他们脑海里设想的东东。开发出来的东西，可能最终无法令大家满意。</p>
<p>4.原型在某种意义上是一个仿真的过程，和客户在一起迭代的次数越多，就越接近事实的真相。</p>
<p>5.原型不仅是一个图，而是需求、对需求的理解、对功能的划分、对功能的理解、界面流转、数据结构、关系等等。</p>
<p>总之，对原型设计的足够认识和技术的掌握，不仅可以加快开发进度，更是交付用户认可的项目的关键。</p>
<p>如何进行好的原型设计，来源于技术和业务深度理解和掌握，主要要把握几个关键点：</p>
<p>1.如下图所示， 对于界面设计包括对几十种界面控件元素以及变种的深度掌控；</p>
<p>2.对于业务本质、业务流程的理解能力；</p>
<p>3.由业务本质到业务表现再到界面表现、页面流的无缝转化能力；</p>
<p><a href="http://www.ltmonitor.com/blog/wp-content/uploads/2011/08/30_essential_controls.png"><img alt="" class="alignnone size-full wp-image-90" height="615" src="http://www.ltmonitor.com/blog/wp-content/uploads/2011/08/30_essential_controls.png" title="30_essential_controls" width="485" /></a></p>
<p>&nbsp;</p>
<p>原型设计的大错特错的几个观点：</p>
<p>1.因为是原型，可以随心所欲的画图，可以很粗糙，很难看，不用做的很精细，忽视用户体验；</p>
<p>2.必须要借助原型工具，或者原型设计工具可以加快你的设计；</p>
<p>3.原型设计交付的东西，就是一些不可转换为代码的设计图，如Excel, PPT，还有一些设计工具产生的二进制文件。开发人员拿到后，还要比葫芦画瓢，自己做页面，可能还需要在自己细分出很多的界面；</p>
<p>&nbsp;</p>
<p>这三个错误，造成了原型开发的设计工作做的不到位，甚至有的是走形式，达不到原型设计开发的终极目的：</p>
<p>1.最大化接近用户最真实的需求；</p>
<p>2.<strong>Show me, don&#39;t tell me.</strong></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p> (8412)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jt808.com/?feed=rss2&#038;p=47</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
