<?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>tanomsak.com &#187; Web design</title>
	<atom:link href="http://www.tanomsak.com/index.php/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tanomsak.com</link>
	<description>Random Thoughts on Random Things by Tanomsak</description>
	<lastBuildDate>Sun, 23 May 2010 08:39:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>ทำเวปใหม่ allapartment.in.th</title>
		<link>http://www.tanomsak.com/index.php/2010/03/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b8%9b%e0%b9%83%e0%b8%ab%e0%b8%a1%e0%b9%88-allapartment-in-th/</link>
		<comments>http://www.tanomsak.com/index.php/2010/03/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b8%9b%e0%b9%83%e0%b8%ab%e0%b8%a1%e0%b9%88-allapartment-in-th/#comments</comments>
		<pubDate>Sun, 14 Mar 2010 12:26:49 +0000</pubDate>
		<dc:creator>tanomsak</dc:creator>
				<category><![CDATA[Project]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[คิดอะไรไปเรื่อยเปื่อย]]></category>

		<guid isPermaLink="false">http://www.tanomsak.com/?p=394</guid>
		<description><![CDATA[ตอนนี้พวกเราที่ ddproperty.com กำลังพัฒนาเวปใหม่อยู่ครับ วันนี้ผมขอเล่า idea ของเวปนี้ให้ฟังครับ และขอรับฟังความคิดเห็นของทุกคนครับ เป็นเวปค้นหาอพาร์ทเม้นท์ ชื่อ allapartment.in.th ครับ ขอเริ่มต้นจากปัญหาก่อนครับ เคยต้องหาอพาร์ทเม้นท์ใหม่ไหมครับ ตอนเวลาย้ายที่ทำงานหรือตอนเข้าเรียนใหม่ อย่างถ้าต้องการหาอพาร์เม้นท์ ใกล้ที่ทำงานใหม่แถวๆ รามอินทรา เราอาจจะหาใน Google ด้วยคำว่า &#8220;อพาร์ทเม้น รามอินทรา&#8221; เราก็จะได้ผลการค้นหาประมาณนี้ Google เจอผลการค้นหา 1,100,000 เวป ที่เยอะขนาดนี้เพราะว่ามันซ้ำกัน ส่วนใหญ่เราก็ลองเปิดดูอันบนๆ แล้วก็ลองค้นหาใหม่ด้วยคำอื่น ถ้าผมมีความต้องการเฉพาะเจาะจงมากขึ้น เช่น ผมต้องใช้งาน Internet ตลอดเวลา เลยอยากหาห้องที่มี WIFI ด้วย การหาด้วย keyword &#8220;อพาร์ทเม้น รามอินทรา WIFI&#8221; ใน Google ก็ได้ผลการค้นหาออกมาไม่น่าพอใจเท่าไหร่ ที่เป็นอย่างนี้เพราะว่าการทำงานของ Google เน้นการค้นหาตาม keyword เป็นหลัก และออกแบบมา เพื่อค้นหาเวปโดยเท่าๆไป ไม่ได้ออกแบบมาค้นหาเรื่องใดเรื่องหนึ่งโดยเฉพาะ จึง (ยัง)ไม่ค่อยเก่งในการหาข้อมูลแบบเฉพาะเจาะจงในลักษณะนี้ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="width: 100%; margin-bottom: 30px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.tanomsak.com%2Findex.php%2F2010%2F03%2F%25e0%25b8%2597%25e0%25b8%25b3%25e0%25b9%2580%25e0%25b8%25a7%25e0%25b8%259b%25e0%25b9%2583%25e0%25b8%25ab%25e0%25b8%25a1%25e0%25b9%2588-allapartment-in-th%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.tanomsak.com%2Findex.php%2F2010%2F03%2F%25e0%25b8%2597%25e0%25b8%25b3%25e0%25b9%2580%25e0%25b8%25a7%25e0%25b8%259b%25e0%25b9%2583%25e0%25b8%25ab%25e0%25b8%25a1%25e0%25b9%2588-allapartment-in-th%2F&amp;source=tanomsak&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>ตอนนี้พวกเราที่ <a href="http://www.ddproperty.com/">ddproperty.com</a> กำลังพัฒนาเวปใหม่อยู่ครับ วันนี้ผมขอเล่า idea ของเวปนี้ให้ฟังครับ และขอรับฟังความคิดเห็นของทุกคนครับ เป็นเวปค้นหาอพาร์ทเม้นท์ ชื่อ<a title="ค้นหา อพาร์ทเม้นท์ ให้เช่า" href="http://www.allapartment.in.th" target="_blank"> allapartment.in.th</a> ครับ</p>
<h2>ขอเริ่มต้นจากปัญหาก่อนครับ</h2>
<p>เคยต้องหาอพาร์ทเม้นท์ใหม่ไหมครับ ตอนเวลาย้ายที่ทำงานหรือตอนเข้าเรียนใหม่ อย่างถ้าต้องการหาอพาร์เม้นท์ ใกล้ที่ทำงานใหม่แถวๆ รามอินทรา เราอาจจะหาใน Google ด้วยคำว่า &#8220;อพาร์ทเม้น รามอินทรา&#8221; เราก็จะได้ผลการค้นหาประมาณนี้</p>
<p><a href="http://www.tanomsak.com/wp-content/uploads/2010/03/download.png"><img class="aligncenter size-full wp-image-395" title="ผลการค้นหา" src="http://www.tanomsak.com/wp-content/uploads/2010/03/download-e1268210654640.png" alt="" width="600" height="312" /></a><span id="more-394"></span></p>
<p>Google เจอผลการค้นหา 1,100,000 เวป ที่เยอะขนาดนี้เพราะว่ามันซ้ำกัน ส่วนใหญ่เราก็ลองเปิดดูอันบนๆ แล้วก็ลองค้นหาใหม่ด้วยคำอื่น</p>
<p>ถ้าผมมีความต้องการเฉพาะเจาะจงมากขึ้น เช่น ผมต้องใช้งาน Internet ตลอดเวลา เลยอยากหาห้องที่มี WIFI ด้วย การหาด้วย keyword &#8220;อพาร์ทเม้น รามอินทรา WIFI&#8221; ใน Google ก็ได้ผลการค้นหาออกมาไม่น่าพอใจเท่าไหร่</p>
<p>ที่เป็นอย่างนี้เพราะว่าการทำงานของ Google เน้นการค้นหาตาม keyword เป็นหลัก และออกแบบมา เพื่อค้นหาเวปโดยเท่าๆไป ไม่ได้ออกแบบมาค้นหาเรื่องใดเรื่องหนึ่งโดยเฉพาะ จึง (ยัง)ไม่ค่อยเก่งในการหาข้อมูลแบบเฉพาะเจาะจงในลักษณะนี้ ปัจจุบัน Google เลยยังไม่สามารถตอบโจทย์ได้ทั้งหมด ซึ่งเป็นโอกาสของเวปที่เน้นการค้นหาข้อมูลเฉพาะด้าน</p>
<p>นอกจากหา Google เราอาจจะเข้าไปดูตามเวปที่รวบรวมอพาร์เม้นท์โดยเฉพาะที่มีในปัจจุบัน ซึ่งส่วนใหญ่ยังค้นหาไม่สะดวกนัก ซึ่งเป็นไปในลักษณะคล้ายๆกับเวปอสังหาฯอื่น เช่นเดียวกับ ตอนเราเริ่มทำเวป ddproperty.com เมื่อ 2 ปีก่อน พวกเราเลยคิดทำเวปค้นหาอพาร์ทเม้นท์ขึ้น และเป็นที่มาของเวป allapartment.in.th ครับ</p>
<h2>ทีนี้เวป allapartment.in.th จะออกมาเป็นยังไง</h2>
<p>ความตั้งใจของเรากับเวป allapartment.in.th คือ  <span style="text-decoration: underline;"><strong>การใช้งานง่าย</strong></span> ซึ่งต้องหมายถึงค้นหาเจอง่าย และดูข้อมูลง่าย การออกแบบทั้งหมดเลยเน้นเรื่องการใช้งานของผู้ค้นหาและผู้ลงประกาศเป็นหลัก แนวคิดหลักของเราเป็นแบบนี้ครับ</p>
<ul>
<li>เวลาหาที่พัก ทำเลที่ตั้งเป็นปัจจัยหลักในการตัดสินใจ ในเวปนี้เราจะเน้นข้อมูลว่าอพาร์ทเม้นท์นี้อยู่ทำเลแถวไหน และห่างจากที่ำทำงาน หรือสถานศึกษาของผู้ค้นหาเท่าไหร่</li>
<li>การค้นหาและแสดงผล ในทำเล &#8220;มหาวิทยาลัยเกษตรศาสตร์&#8221;  ต้องสามารถเรียงตามระยะทางจากมหาวิทยาลัยได้ และต้อง Filter ตามคุณสมบัติเช่น WIFI, UBC ได้</li>
<li>การแสดงผลต้องอ่านง่ายไม่รกตา</li>
</ul>
<p>ถ้าทำสามข้อข้างบนได้ดี คิดว่าน่าจะมีประโยชน์ และใช้งานง่ายอย่างที่ตั้งใจ</p>
<p>แต่จะว่าไป เรื่องข้างบนผมว่าทำง่ายครับเมื่อเทียบกับ การทำยังไงให้มีข้อมูลอพาร์ืทเม้นท์เยอะพอที่จะมีประโยชน์ในการค้นหา เรื่องข้อมูลเป็นเรื่องสำคัญอย่างมาก ไม่งั้นใครๆก็คงไปใช้งาน Google เหมือนเดิมเพราะ Google มี 1,100,000 ผลการค้นหา <img src='http://www.tanomsak.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  นี่นา</p>
<p>ทุกท่านมี idea ยังไงบ้างครับ ว่าจะทำยังไงให้มีข้อมูลอพาร์ทเม้นท์ครบถ้วน ถ้าให้ review อพาร์ทเม้นท์ที่เคยพักจะมีคน review ไหมครับ</p>
<p>ข้างล่างเป็น screenshot ของหน้าเวปที่กำลังพัฒนาครับ</p>
<p style="text-align: center;"><a title="screenshot allapartment.in.th" href="http://www.tanomsak.com/wp-content/uploads/2010/03/download-1-e1268480184598.png"><img class="aligncenter size-full wp-image-400" style="border: 1px solid #DDD;" title="download-1" src="http://www.tanomsak.com/wp-content/uploads/2010/03/download-1-e1268480184598.png" alt="" width="550" height="249" /></a></p>
<p style="text-align: center;"><a href="http://www.tanomsak.com/wp-content/uploads/2010/03/download-21-e1268481434454.png"><img class="aligncenter size-full wp-image-406" style="margin-top: 10px; margin-bottom: 10px; border: 1px solid #dddddd;" title="screenshot" src="http://www.tanomsak.com/wp-content/uploads/2010/03/download-21-e1268481434454.png" alt="" width="550" height="838" /></a><a href="http://www.tanomsak.com/wp-content/uploads/2010/03/download-31-e1268481495881.png"><img class="aligncenter size-full wp-image-405" style="border: 1px solid #DDD;" title="screenshot2" src="http://www.tanomsak.com/wp-content/uploads/2010/03/download-31-e1268481495881.png" alt="" width="550" height="911" /></a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.tanomsak.com/index.php/2010/03/%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b8%9b%e0%b9%83%e0%b8%ab%e0%b8%a1%e0%b9%88-allapartment-in-th/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Form Design</title>
		<link>http://www.tanomsak.com/index.php/2010/01/form-design/</link>
		<comments>http://www.tanomsak.com/index.php/2010/01/form-design/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 04:26:30 +0000</pubDate>
		<dc:creator>tanomsak</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[คิดอะไรไปเรื่อยเปื่อย]]></category>

		<guid isPermaLink="false">http://www.tanomsak.com/?p=365</guid>
		<description><![CDATA[วันนี้จัดการ uninstall โปรแกรม Nokia PC Suite ที่ลงไว้ตอนย้าย Contact จากโทรศัพท์ฺเึครื่องเก่า ทำให้นึกอะไรขึ้นมาได้อย่างนึงคือ install wizard ของ Nokia ใช้งานยากมาก จริงๆรู้สึกตั้งแต่ตอนติดตั้งแล้ว แต่พอ uninstall ทำให้นึกขึ้นมาได้ ลองดูรูปนี้ครับ เข้าใจว่าคงตั้งใจเปลี่ยนปุ่ม &#8220;ตกลง&#8221;,&#8221;ยกเลิก&#8221; ให้สวย โดยแทนที่ด้วยเครื่องหมายถูกผิดแทน ผลคือผมงงมากครับ ไม่รู้จะกดปุ่มไหนดี พอหันขึ้นไปอ่าน คำอธิบายข้างบน ก็อ่้านไม่เข้าใจอีก สุดท้ายเสียเวลาไปหลายนาที การออกแบบ interaction ระหว่างคนกับโปรแกรมสำคัญมากๆ เรื่องเล็กๆน้่อยๆบางเรื่อง อาจทำให้งานง่ายกลายเป็นงานยากได้ครับ @LukeWDesign เขียน &#8220;Web Form Design: Filling in the Blanks&#8221; ไว้ได้มีประโยชน์มากครับ หรือลองอ่าน presentation ของเค้าที่ http://www.lukew.com/ff/entry.asp?964 ดูครับ เอาไว้ปีนี้จะลองหยิบประเด็นเด่นๆในหนังสือมาเล่าให้ฟังนะครับ สลับกับ Google Maps API บ้างเพราะเริ่มหมดมุขแล้วครับ สวัสดีปีใหม่ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="width: 100%; margin-bottom: 30px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.tanomsak.com%2Findex.php%2F2010%2F01%2Fform-design%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.tanomsak.com%2Findex.php%2F2010%2F01%2Fform-design%2F&amp;source=tanomsak&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>วันนี้จัดการ uninstall โปรแกรม Nokia PC Suite ที่ลงไว้ตอนย้าย Contact จากโทรศัพท์ฺเึครื่องเก่า ทำให้นึกอะไรขึ้นมาได้อย่างนึงคือ install wizard ของ Nokia ใช้งานยากมาก จริงๆรู้สึกตั้งแต่ตอนติดตั้งแล้ว แต่พอ uninstall ทำให้นึกขึ้นมาได้ ลองดูรูปนี้ครับ</p>
<p><a href="http://www.tanomsak.com/wp-content/uploads/2010/01/nokia.png"><img class="aligncenter size-full wp-image-367" title="nokia" src="http://www.tanomsak.com/wp-content/uploads/2010/01/nokia.png" alt="" width="610" /></a></p>
<p style="text-align: center;">
<p>เข้าใจว่าคงตั้งใจเปลี่ยนปุ่ม &#8220;ตกลง&#8221;,&#8221;ยกเลิก&#8221; ให้สวย โดยแทนที่ด้วยเครื่องหมายถูกผิดแทน ผลคือผมงงมากครับ ไม่รู้จะกดปุ่มไหนดี พอหันขึ้นไปอ่าน คำอธิบายข้างบน ก็อ่้านไม่เข้าใจอีก สุดท้ายเสียเวลาไปหลายนาที</p>
<p>การออกแบบ interaction ระหว่างคนกับโปรแกรมสำคัญมากๆ เรื่องเล็กๆน้่อยๆบางเรื่อง อาจทำให้งานง่ายกลายเป็นงานยากได้ครับ</p>
<p><a href="http://twitter.com/LukeWDesign">@LukeWDesign</a> เขียน &#8220;<a href="http://www.lukew.com/resources/web_form_design.asp">Web Form Design: Filling in the Blanks</a>&#8221; ไว้ได้มีประโยชน์มากครับ หรือลองอ่าน presentation ของเค้าที่ <a href="http://www.lukew.com/ff/entry.asp?964">http://www.lukew.com/ff/entry.asp?964</a> ดูครับ</p>
<p>เอาไว้ปีนี้จะลองหยิบประเด็นเด่นๆในหนังสือมาเล่าให้ฟังนะครับ สลับกับ Google Maps API บ้างเพราะเริ่มหมดมุขแล้วครับ</p>
<p>สวัสดีปีใหม่ 2010 ครับ</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tanomsak.com/index.php/2010/01/form-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
