ความรู้สึกหลังใช้งานเว็บ KBank อันใหม่

หลังจากวันนี้เห็นหลายคนบ่นถึงดีไซน์ใหม่ของเว็บ KBank ไอ้เราก็อดไม่ได้ที่จะลองเข้าไปดู ว่ามันแย่ขนาดที่เค้าบ่นๆกันหรือเปล่า หลังจากนี้เป็นความรู้สึกในการใช้งานของผมเป็นการส่วนตัวอย่างเดียว เท่าที่มีเวลานั่งลองเล่นนะครับ (สำหรับคนทำงานที่ทำเว็บนี้ออกมา ผมเข้าใจความรู้สึกนะครับ ว่าทำไมถึงออกมาเป็นแบบนี้ได้)

เว็บ KBank แจ้ง Error

เข้ามาปุ๊บ แจ้ง error ใส่เลยครับ ลองอ่านดูว่าผมทำอะไรผิด ปรากฎมันบอกว่า

Error เว็บ KBank

ให้ผม update browser ให้เป็นเวอร์ชั่นล่าสุด T-T แต่ chrome ที่ผมใช้อยู่ก็ update ตลอด นี่ก็เวอร์ชั่นล่าสุดจนไม่รู้จะสุดยังไงแล้วนะ แต่ช่างมันกด ok ไปก่อนละกัน เว็บโหลดมาเสร็จเป็นแบบนี้

หน้าแรกเว็บ KBank

ดูรวมๆ แล้วให้คาดเดาคือ อยากจะให้ทุกอย่างสามารถแสดงได้หมดในหน้าจอเดียว เลยต้องทำให้เมนูด้านซ้ายล่างมี scrollbar และเมนูด้านล่างต้องคลิกที่ Hamburger icon ถึงจะเด้งขึ้นมา

งั้นเริ่มที่เลือกบริการออนไลน์ก่อนละกัน

เลือกบริการออนไลน์ KBank

หลังจากเลือกหัวข้อในตัวเลือกแล้ว ไม่มีอะไรเปลี่ยนแปลง ไม่ได้เด้งไปหน้าไหนเลย อ้าว ทำไมละ หลังจากเลือกไปหลายตัว ก็ไม่มีอะไรเปลี่ยนแปลง จนได้สังเกตุว่า มันโดน pop-up blocked ของ chrome จัดการไป

Pop up blocked ของ KBank

อันนี้ผมไม่รู้ว่าเพราะสาเหตุอะไร เว็บ KBank ถึงต้องให้มันเป็น pop-up ในแง่สำหรับคนใช้งานอย่างผม มันแลดูลำบากในการใช้งาน

ทีนี้เราย้อนกลับมาดูที่ตรงส่วนของ สมัครใช้บริการออนไลน์

เลือกบริการออนไลน์ KBank

ถ้าคลิกแล้วจะไปหน้าอื่นที่ได้ลิงก์ไว้ แต่จะมีปุ่ม Go ไว้ทำไมวะเนี่ย ???

ในส่วนเมนูด้านล่าง การมี scrollbar ทำให้คนใช้งานยุ่งยากขึ้นเยอะเลย

เมนูมี scrollbar ของ KBank

กับการที่ต้องมา scroll ดูว่ามีเมนูอะไรอยู่บ้าง รวมถึงเมนูที่มีในส่วนนี้ ก็มีที่ซ้ำกับเมนูด้านล่างที่ต้องคลิกที่ hamburger icon เพื่อดู

เมนูทับซ้อนกัน KBank

เท่าที่ผมดู จะมีหัวข้อ

  • ลูกค้าบุคคล ซ้ำกับเมนูด้านซ้ายที่อยู่ด้านบน
  • เอสเอ็มอี ก็เช่นเดียวกัน
  • ธุรกิจขนาดใหญ่ ก็ด้วย

แต่เรามีโฟกัสที่ตัวเมนูด้านซ้ายล่างก่อนละกันครับ

  • นักลงทุนสัมพันธ์ ซ้ำกับเมนูด้านซ้ายที่มี scrollbar
  • การพัฒนาอย่างยั่งยืน ก็ซ้ำด้วย
  • อัตราค่าธรรมเนียม ซ้ำอีก
  • ช่องทางการให้บริการ ก็ซ้ำร่วมด้วย
  • ภาพยนตร์โฆษณา ก็ซ้ำ
  • เกี่ยวกับเรา T-T นี่มันจะซ้ำเยอะไปไหน
  • สมัครงานและทุน ซ้ำเข้าไป

เอาว่า หลังจากที่ผมเช็คดูแล้ว ลองแอบไปปรับแต่ง css นิดหน่อยก็พบว่า

ปรับ css เมนู KBank

ถ้าตัดเมนูที่ซ้ำๆกันออกไป มันก็ยัดใส่พอดีได้นะ ที่มันต้องมี scrollbar ก็เพราะยัดๆเมนูที่ซ้ำกันเข้าไป

ขยับมาดูทางด้านขวาบนบ้าง

เมนูด้านบน KBank

อย่างแรกที่ผมงงคือ มี dropdown ไทย แล้วด้านล่างมีให้เลือก ไทย | ญี่ปุ่น | อังกฤษ พอได้ลองใช้งานถึงจะเข้าใจ โง่ไปเองนี่หว่า อันแรกเป็นให้เลือกเว็บในแต่ละประเทศ ซึ่งตอนนี้มี ไทย จีน และลาว

dropdown เมนู KBank

ส่วนด้านล่างก็เป็นเปลี่ยนภาษาเหมือนเว็บทั่วๆไป

ต่อมาผมสนใจที่ Text Size อยากรู้ว่ากดแล้ว มันจะเปลี่ยนแปลงไปยังไง เริ่มจากตัวเล็กสุดเลยละกัน

ขนาดฟอนต์ใหญ่ KBank

ขนาดกลางที่เป็นตัวมาตรฐานของเว็บ

ขนาดฟอนต์กลาง KBank

และขนาดใหญ่

ขนาดฟอนต์เล็ก KBank

!!! มันต่างกันมากกกกกกกกกก T-T

ขยับลงมาที่ search ละกัน ลองค้นหาคำว่า เงินฝาก ดูละกัน

ค้นหา เงินฝาก KBank

ผลปรากฎว่า ไม่เจอ ลองเปลี่ยนเป็นคำว่า กสิกร ละกัน

ค้นหา กสิกร KBank

ไม่เจออีกเหมือนกัน ถ้ามันยังใช้งานไม่ได้ ก็ไม่ต้องโชว์ก็ได้นะครับ เก็บไว้ใช้งานได้แล้ว ค่อยโชว์ให้ใช้งานก็ได้นะ

พอละครับ แค่นี้ก็เยอะไปแล้ว ผมว่าบางทีเว็บไซต์มันก็สะท้อนความใส่ใจต่อลูกค้าของธนาคารเหมือนกันนะครับ แต่ผมคิดว่า KBank คงไม่อยู่เฉยให้ลูกค้าได้ใช้เว็บไซต์แบบนี้ต่อไปอีกนานเท่าไหร่ไม่รู้หรอกครับ ^^

โครงการสอนทำเว็บของ Mozilla : Webmaker

Ember 2

เดี๋ยวนี้ใครอยากจะทำเว็บเป็น มันไม่ยากเกินที่จะหาข้อมูล หรือเว็บที่สอนทำแล้วละ ซึ่งวันนี้ทาง Mozilla เองก็ทำโครงการออกมาอีกตัวหนึ่ง เป็นโครงการที่จะสร้างชุมชนของคนทำเว็บ ไม่ว่าจะเป็นคนที่หัดทำ หรือคนที่อยากสอนคนอื่นทำเว็บ

ในตัวเว็บจะมีเครื่องมือให้เราใช้งานตอนนี้อยู่  3 อย่าง X-Ray Goggles, Thimble และ Popcorn Maker

Ember 3

โดยเจ้า X-Ray Goggles มันก็คล้ายๆ กับพวก Firebug อะไรแนวๆ นั้นละ แต่เป็นแบบให้เราสามารถดูโครงสร้างของส่วนนั้นๆ แบบเบื้องต้นได้

Ember 4

สำหรับ Thimble ก็คือตัว Editor บนเว็บ สำหรับให้เราเขียนโค้ดสำหรับเรียนทำเว็บกันได้

Ember 5

และเครื่องมือสุดท้ายในตอนนี้ของเว็บก็คือ Popcorn Maker ซึ่งทำหน้าที่เป็นโปรแกรมสำหรับทำพวก Video หรือพวกภาพเคลื่อนไหวต่างๆ

Ember 6

สำหรับใครที่สนใจอยากหัดทำเว็บ ก็ลองไปที่เว็บ Webmaker กันได้

เคลียร์รายชื่อโปรแกรมตอน Open With ในแมค

หลังจากใช้แมคมันมาซักพักใหญ่ ๆ ละ ก็จะเจอปัญหาว่า บางทีเราลบโปรแกรมนี้ไปแล้ว ทำไมใน Open With ถึงยังมีชื่อโปรแกรมนี้อยู่ หรือบางทีก็จะเจอปัญหาว่า Open With แล้วมีชื่อโปรแกรมซ้ำ ๆ กัน (ใครที่บอกว่า OS ของมันดี มันก็ไม่จริงเสมอไปนะ ผมไม่เคยเจอปัญหานี้ตอนใช้ Windows นะ 555)

ดังนั้นเราก็ Search เลยว่า จะแก้ไขปัญหานี้ได้ยังไงบ้าง ซึ่งวิธีที่ผมเจอแล้วใช้ได้ผลก็คือ

  1. เปิดเจ้าโปรแกรม Terminal ขึ้นมา
    Screen-Shot-2556-07-22-at-4.30.25-PM
  2. พิมพ์คำสั่งนี้ลงไป แล้วก็ Enter

    Snap 2013-07-22 at 16.36.27, 588x369
  3. หลังจากนั้นให้มาที่ตัว Finder กด Alt ค้างไว้แล้วคลิกขวาเพื่อเลือก Relaunch เป็นอันเสร็จสิ้น
    Screen-Shot-2556-07-22-at-4.37.23-PM

CSSDEE : ในที่สุดเมืองไทยก็มีเว็บรวมงานเว็บสวย ๆ แล้ว

หลังจากที่ทำงานในด้านเว็บมาซักพักใหญ่ ๆ แล้ว ก็มีบ้างที่ไปตามดูเว็บของเมืองนอก ที่เค้ารวบรวมเว็บไซต์สวย ๆ หรือไม่ก็ลูกเล่นเจ๋ง ๆ ไว้ ในระหว่างที่ดูไป ก็คิดเหมือนกันว่า ทำไมของไทย ไม่มีเว็บที่รวบรวมเว็บไซต์สวย ๆ หรือลูกเล่นเจ๋ง ๆ แบบนี้บ้าง

ตัวอย่างพวกเว็บรวมผลงานก็เช่น

awwwards
Awwwards
cssdesignawards
CSS Design Awards
cssawards
CSS Awards

แล้ววันนึงใน Timeline Twitter ของผม ก็ไปสะดุดเข้ากับเว็บนี้ CSSDEE ในที่สุดผมก็มีเว็บที่รวมผลงานเว็บไซต์ของคนไทยให้ได้เสพย์แล้ว

CSSDEE
CSSDEE

ถ้าใครสนใจจะส่งผลงานของตัวเอง เพื่อลงในเว็บไซต์ CSSDEE เองก็มีหัวข้อ Submit a Site เตรียมไว้ให้แล้ว ถ้าใครเสพย์งานของเมืองนอกจนเบื่อแล้ว จะหันกลับมาลองดูผลงานของคนไทยด้วยกันบ้าง ก็แวะไปดูกันเนอะ

LINE แถลงความสำเร็จในประเทศไทย ครองใจคนไทยทะลุ 10 ล้านคน

LINE แอพเชตที่เป็นที่นิยมมากที่สุดในประเทศไทย และเติบโต 1,150% ภายใน 1 ปี

จากประโยคเปิดเรื่องของเราวันนี้ คือที่มาของงานแถลงความสำเร็จของ LINE  ในประเทศไทย โดยประวัติความสำเร็จของ LINE มีคร่าว ๆ ดังนี้

วันที่ ข้อมูล
มิถุนายน 2554 เปิดตัวบริการ LINE
กรกฎาคม 2554 ขึ้นเป็นอันดับ 1 ในกลุ่มแอพพลิเคชั่นฟรีของ App Store
กันยายน 2554 ผู้ใช้งานครบ 1 ล้าน
ตุลาคม 2554 เปิดตัวบริการโทรฟรีและสติ๊กเกอร์
พฤศจิกายน 2554 ผู้ใช้งานครบ 5 ล้าน
พฤศจิกายน 2554 Broadcast of TV commercial in Japan (broadcast until mid-January 2012)
ธันวาคม 2554 ผู้ใช้งานครบ 10 ล้าน
กุมภาพันธ์ 2555 Broadcast of TV commercial in Taiwan(broadcast until mid-April 2012)
มีนาคม 2555 ผู้ใช้งานครบ 20 ล้าน
มีนาคม 2555 เปิดตัวแอพพลิเคชั่น Line สำหรับการใช้งานบนคอมพิวเตอร์และแท็บเลต
มีนาคม 2555 ได้รับรางวัล Digital Contents of the Year Award 2011 ในงาน Annual

AMD Excellence Awards ครั้งที่ 17

มีนาคม 2555 เปิดตัว LINE Card
เมษายน 2555 เปิดตัว LINE Camera
เมษายน 2555 ผู้ใช้งานครบ 30 ล้าน
เมษายน 2555 เปิดตัว Sticker Shop
พฤษภาคม 2555 Support of Indonesian, Malay, Thai, and Turkish languages.
พฤษภาคม 2555 ได้รับรางวัล the Mobile Platform Solutions
Division’s Excellence Awards ใน Mobile Project Award 2012
มิถุนายน 2555 เปิดตัว Official Accounts สำหรับนักแสดงและดาราชื่อดัง
มิถุนายน 2555 เปิดตัวแอพพลิเคชั่น Line สำหรับการใช้งานบนโทรศัพท์แพลตฟอร์ม Windows®
มิถุนายน 2555 เปิดตัว Official Accounts สำหรับธุรกิจองค์กร
กรกฎาคม 2555 เปิดตัว LINE Birzzle และ LINE Birzzle PLUS
กรกฎาคม 2555 ผู้ใช้งานครบ 50 ล้าน
กรกฎาคม 2555 เปิดตัว LINE Brush
สิงหาคม 2555 เปิดตัว Home และ ‘Timeline’ services in LINE Channel
สิงหาคม 2555 เปิดตัวแอพพลิเคชั่น Line สำหรับการใช้งานบนโทรศัพท์ of BlackBerry
สิงหาคม 2555 เปิดตัว LINE Coin และ LINE Coupon
พฤศจิกายน 2555 เปิดตัวเกม LINE อาทิ LINE POP, LINE Cartoon Wars, LINE Homerun Battle Burst, LINE PATAPOKO ANIMAL
ธันวาคม 2555 ผู้ใช้งานครบ 80 ล้าน
ธันวาคม 2555 เปิดตัว LINE Tool

โดยภายในงานด้านหน้ามีเจ้ากระต่าย Cony ต้อนรับทุก ๆ คนที่มาร่วมงานอยู่

โดยวันนี้ทาง LINE ให้ มร. จิน-วู ลี ผู้แทนส่วนธุรกิจ LINE ประเทศไทย ผู้จัดการอาวุโส สำนักงานฝ่ายธุรกิจ LINE เอ็นเอชเอ็น คอร์ปอเรชั่น เป็นผู้แถลงความสำเร็จของ LINE ในงานวันนี้ เปิดตัวด้วย Slide ที่นำเจ้า Sticker ของการบินไทยมาร่วมด้วย

โดยในปี 2012 – 2013 นั้น ทาง LINE มี Strategy ดังนี้

  • Multi-functional LINE App Series อย่าง LINE Card, LINE Camera, LINE Brush และ LINE Tools
  • Multi-device คือให้มีการใช้งานใน Desktop ได้ ทั้งบน Windows และ OSX
  • Cross-OS คือทำให้ใช้งานได้ใน iOS, Android, BlackBerry และ Windows Phone
  • Social Platform อย่าง Official Accounts, Sticker Shop, Home, Timeline และ Games

สำหรับประเทศไทยแล้ว ณ วันที่ 10 ธันวาคม 2012 มีจำนวนผู้ใช้งาน LINE เป็นจำนวน 10,221,282 คน จากผู้ใช้งาน LINE ทั่วโลก 85 ล้านคน

ซึ่ง 1 สิ่งที่เป็นตัวชูโรงของ LINE ก็คือเจ้า LINE Sticker โดยทาง LINE พยายามจะออกแบบให้ LINE Sticker มีความใกล้เคียงในด้านอารมณ์ และชีวิตจริงของเรา

อย่างเช่น ในเซ็ตของ Brown & Cony’s Secret Date! ที่นำเอาชีวิตจริงของคู่รักทั่ว ๆ ไปที่เราพบเจอ มาสร้างเป็น Sticker โดยใช้เจ้า Brown และ Cony มาแทนตัวผู้ชายและผู้หญิง

หรือในเซ็ตของ Moon’s Job Hunting Story ที่เล่าเรื่องคนตกงาน หางานผ่าน Sticker ของ LINE โดยแทนคนตกงานด้วยตัวละครอย่าง Moon

สำหรับประเทศไทยแล้ว Sticker ของไทยอันแรก ก็คือ Sticker ของน้องอุ่นใจ

ส่วน Sticker ที่ขายทำโดยคนไทยอันแรก ก็คือ Sticker มะม่วง (Mamuang)

ในงานนี้ได้ข้อมูลเกี่ยวกับ LINE มาเต็มที่เลย แต่อีกอย่างนึงที่ได้กลับมาก็คือ

แต่เป็น 1 ใน 3 ตัวนี้นะครับ ผมเลือกเจ้า Cony กลับมาด้วยความที่มันเป็นกระต่ายขาว มาอยู่คู่กับกระต่ายดำซะดี ๆ >_<

รวมทวิตจากงานแถลงความสำเร็จ LINE ในประเทศไทย

Storified by Big BlackRabbit · Tue, Dec 11 2012 08:29:19

เจ้ากระต่าย cony ตัวเบิ้มเลย #LINEth @ The Okura Prestige http://instagr.am/p/TFioUZzbQl/Big BlackRabbit
Thailand ปู้นๆ Thailand ปู้นๆ #LINEth @ The Okura Prestige http://instagr.am/p/TFjUAiTbQ8/Big BlackRabbit
งานแถลงข่าวตความสำเร็จของ LINE ในประเทศไทย ใช้ sticker ของการบินไทยในการเปิดตัว #LINEth http://instagr.am/p/TFlf4tTbRz/Big BlackRabbit
LINE 2012 Strategy เริ่มต้นด้วย Multi-functional LINE App Series อย่าง LINE Card มีการใช้งานกับ PC และใช้งานได้ทั้ง iOS และ Android #LINEthBig BlackRabbit
Sticker ของ LINE พยายามสร้างให้คล้ายกับชีวิตจริงของเรา เช่น พวกอารมณ์ หรือลองดูพวก LINE Sticker Set พวก Brown Cony Secret’s Date #LINEthBig BlackRabbit
Moon, Brown, Cony และ James เป็นสี่ตัวละครหลักของ LINE และได้รับความนิยมเป็นอย่างมากสำหรับคนใช้งาน #LINEthBig BlackRabbit
LINE Birzzle เป็น LINE เกมตัวแรกที่มาเปิดตลาดเกมให้ LINE #LINEthBig BlackRabbit
AIS กับ LINE จับมือกันทำ Stciker ตัวแรกของไทยกับ Sticker ของน้องอุ่นใจ เฉพาะใน Android #LINEthBig BlackRabbit
ส่วน Sticker ของ Mamuang เป็น Sticker แรกของไทยที่มีขายใน LINE ด้วยตัว Mamunag เองก็เป็นที่นิยมในญี่ปุ่นอยู่แล้วด้วย #LINEthBig BlackRabbit
Sticker ของการบินไทย เป็น Sticker ของไทยที่มียอดโหลดเยอะที่สุดใน LINE Sticker ของไทย ประมาณอยู่ที่ 2.2 ล้านโหลด #LINEthBig BlackRabbit
Stamp ใน LINE Camera เป็นเหมือน Sticker ใน LINE Chat นั่นละ โดยทาง Truemove เป็นเจ้าแรกที่ทำขึ้น #LINEth (เพิ่งรู้เลยอันนี้ – -“)Big BlackRabbit
สำหรับบางคนสงสัยว่ามีคนใช้ LINE ในประเทศไทยจำนวนเท่าไหร่ อยู่ที่ 10,221,282 คน ในวันที่ 10 ธันวาคม 2012 #LINEthBig BlackRabbit
11 เดือน LINE ในประเทศไทยเติบโตจากคนใช้งานเพียงไม่ถึงล้านคนในเดือนมกรา มาเป็น 10 ล้านคนในเดือนธันวา #LINEthBig BlackRabbit
อ้าว เปลี่ยน ๆ Sticker ที่เป็นที่นิยมสุดในไทยเป็นของ SCB Easy Net อยู่ที่ 2 ล้านกว่า ๆ โหลด #LINEth (T-T ดูตัวเลขไม่ทัน)Big BlackRabbit
ปีหน้า LINE จะส่ง App มาให้ใช้งานอีกประมาณ 10 ตัว #LINEthBig BlackRabbit
ถ่ายรูปไม่ทัน T-T แต่จะมีเกมให้ครบทั้ง 4 ตัวละครหลักแน่ นอกจากของ Brown ใน LINE Pop ไปแล้ว #LINEthBig BlackRabbit
Sticker ขายของไทยตัวต่อไป #LINEth http://instagr.am/p/TFpAqzzbTE/Big BlackRabbit
Strategy ของ LINE ในปีที่ผ่านมามีในส่วนของ Multi-functional LINE App Series อย่าง LINE Card, LINE Camera, LINE Brush และ LINE Tools #LINEthBig BlackRabbit
ส่วนของ Multi-device คือให้มีการใช้งานใน Desktop ได้ #LINEthBig BlackRabbit
ส่วนของ Cross-OS คือทำให้ใช้งานได้ใน iOS, Android, BlackBerry และ Windows Phone #LINEthBig BlackRabbit
และส่วนสุดท้าย Social Platform ก็พวก Official Accounts, Sticker Shop, Timeline และ Games #LINEthBig BlackRabbit
จริงๆแล้วมีบริษัทติดต่อขอทำ LINE Sticker ในไทยเยอะมาก แต่ทาง LINE เองพยายามเลือก และไม่อยากปล่อยออกมาเยอะไป จนเป็นการยัดเยียดลูกค้า #LINEthBig BlackRabbit
กระต่ายดำ กับกระต่ายขาว #LINEth http://instagr.am/p/TFtB7TTbUu/Big BlackRabbit
เลือกตัวไหนดี >_< #LINEth http://instagr.am/p/TFuDegTbVH/Big BlackRabbit