คลังเก็บป้ายกำกับ: USER_INTERFACE

Figma แอพออกแบบ UI/UX ระดมทุนรอบใหม่ มูลค่าแตะ 440 ล้านดอลลาร์แล้ว

Figma แอพออกแบบ UI/UX ชื่อดังอีกตัวหนึ่ง (คู่แข่งของ Sketch และ Adobe XD) ประกาศระดมทุนรอบใหม่ Series C อีก 40 ล้านดอลลาร์ ทำให้บริษัทมีมูลค่า 440 ล้านดอลลาร์แล้ว

นักลงทุนหลักในรอบนี้คือกองทุนชื่อดัง Sequoia Capital และยังมีคนดังๆ อย่าง Jeff Weiner (CEO LinkedIn), Mike Krieger (Co-founder Instagram), Andrew Wilson (CEO EA) มาร่วมลงทุนด้วย

Figma เป็นแอพสำหรับออกแบบ UI/UX ที่ทำงานผ่านเว็บเบราว์เซอร์ จึงทำงานได้บนทุกระบบปฏิบัติการ ถือเป็นจุดเด่นที่เหนือกว่า Sketch ที่มีเฉพาะบนแมคเท่านั้น การทำงานผ่านเบราว์เซอร์ยังทำให้ช่วยกันออกแบบไฟล์งานเดียวกันได้ทันที (แบบเดียวกับ Google Docs) และมีฟีเจอร์อื่นๆ ที่เหมาะกับงานสายออกแบบ UI/UX อีกมาก

No Description

โมเดลการหารายได้ของ Figma เป็นแบบ freemium คือมีเวอร์ชันฟรีให้ใช้งานสำหรับทีมขนาดไม่เกิน 2 คน ถ้าอยากได้มากกว่านั้นต้องจ่ายรายเดือน เริ่มต้นที่เดือนละ 12 ดอลลาร์ต่อคน

Figma ระบุว่าจะนำเงินที่ได้ไปพัฒนา Figma Organization เวอร์ชันสำหรับองค์กรขนาดใหญ่ และพัฒนาระบบ extension เพื่อต่อเชื่อมกับบริการภายนอก

Sequoia Capital ให้สัมภาษณ์ว่าตอนแรก Figma เคยมานำเสนอเพื่อขอเงินลงทุน Series B แต่ทาง Sequoia ก็ไม่ได้สนใจ ภายหลังทางทีมลงทุนพบว่าบริษัทที่เคยลงทุนไป นิยมใช้ Figma เป็นอย่างมาก จึงรีบติดต่อกลับไปยัง Figma เพื่อขอร่วมลงทุนด้วยในรอบ Series C นั่นเอง

ที่มา – Figma, TechCrunch

หมายเหตุ: อ่านประสบการณ์การใช้งาน Figma ของทีม UX ที่ Wongnai บริษัทแม่ของ Blognone

from:https://www.blognone.com/node/108145

โฆษณา

ไมโครซอฟท์ปรับหน้าตา Start Menu ใหม่เล็กน้อย ลดจำนวน Tile เหลือแถวเดียว

ไมโครซอฟท์ออก Windows 10 Insider Preview Build 18305 (19H1) มีของใหม่หลายอย่าง ที่สำคัญคือปรับหน้าดีฟอลต์ของ Start Menu ใหม่เล็กน้อย โดยแสดงแถบ Tile เพียงแถวเดียว (จากปกติสองแถว)

ไมโครซอฟท์ระบุว่าต้องการให้ Start Menu เรียบง่ายกว่าเดิม นอกจากการเปลี่ยนค่าดีฟอลต์เป็นแถวเดียวในรอบนี้แล้ว แผนการนี้ยังรวมเรื่องที่ ไมโครซอฟท์อนุญาตให้ถอนการติดตั้งแอพพรีโหลดได้มากขึ้น และเมนู Unpin Group ที่เพิ่งเพิ่มเข้ามา

หน้าตาของ Start Menu แบบใหม่มีผลกับ Windows ที่ติดตั้งใหม่เท่านั้น ส่วนผู้ใช้เก่าที่อัพเกรดจากเวอร์ชันเดิมจะยังได้หน้าตา Start Menu แบบเดิมที่ใช้งานอยู่ และการปรับแต่งจำนวนแถวของ Start Menu ก็สามารถทำได้ตามปกติ (เปลี่ยนแค่ค่าดีฟอลต์)

No Description

ที่มา – Microsoft

from:https://www.blognone.com/node/107112

ซัมซุงยืนยัน Galaxy S8, Note 8 จะได้อัพเกรดเป็น One UI ด้วย

ตัวแทนของซัมซุงให้ข้อมูลกับเว็บไซต์ Android Authority ว่า One UI สกินเวอร์ชันใหม่ที่เพิ่งเปิดตัวไปในสัปดาห์นี้ จะตามไปอัพเดตย้อนไปให้ถึง Galaxy S8

นั่นแปลว่ามือถือกลุ่มเรือธงที่จะได้อัพเกรดเป็น One UI คือ S8, S8 Plus, Note 8, S9, S9 Plus, Note 9 รวมถึงมือถือเรือธงของปี 2019 (ซึ่งก็น่าจะชื่อ Galaxy S10?) แต่ยังไม่มีข้อมูลว่ามือถือรุ่นอื่นๆ ที่ไม่ใช่เรือธง จะได้อัพเดตตามด้วยหรือไม่

อย่างไรก็ตาม มือถือที่จะได้ทดสอบ One UI รุ่น Beta น่าจะมีเฉพาะ S9, S9 Plus, Note 9 เท่านั้น

ที่มา – Android Authority

No Description

from:https://www.blognone.com/node/106346

ซัมซุงเปิดตัว One UI หน้าจอมือถือแบบใหม่ เน้นใช้งานมือเดียวได้ มี Night Mode ในตัว

ในงาน Samsung Developer Conference 2018 ซัมซุงเปิดตัว UI แบบใหม่ของมือถือยุคถัดไป โดยใช้ชื่อว่า One UI

One UI เปลี่ยนแนวทางจาก UI ของซัมซุงในปัจจุบัน (Samsung Experience) โดยใช้สีสันสดใสมากขึ้น ต่างจากตัวปัจจุบันที่เน้นพื้นหลังสีขาวเพียงอย่างเดียว, ใช้สี่เหลี่ยมมุมโค้งแทนสี่เหลี่ยมมุมฉาก เพื่อสะท้อนถึงมือถือของซัมซุงรุ่นหลังๆ ที่เป็นขอบจอโค้งหมดแล้ว, เน้นความเรียบง่ายกว่าเดิม และเปลี่ยนดีไซน์ไอคอนใหม่ (อีกแล้ว)

One UI ยังออกแบบมาให้ใช้งานด้วยมือเดียวได้สะดวก ปุ่มต่างๆ ที่ใช้งานบ่อยจะวางอยู่ชิดขอบล่างของหน้าจอ วัตถุบนจอมีขนาดใหญ่ขึ้น กดง่ายขึ้น และมี Night Mode สำหรับใช้งานในที่มืด

No Description

No Description

No Description

No Description

นอกจาก One UI แล้ว ซัมซุงยังโชว์แนวคิดใหม่ของ UI ในยุคมือถือจอพับได้ เช่น การเรียงหน้าต่างลักษณะเดียวกับ OS ของพีซี และ Google Maps เวอร์ชันจอใหญ่ขึ้นด้วย

No Description

No Description

ที่มา – Samsung

from:https://www.blognone.com/node/106301

Netflix เผยวิธีจัดการภายใน เพื่อลดปัญหา UI เวลาแปลข้อความเป็นภาษาต่าง ๆ

Tim Brandall หัวหน้าทีม Internationalization ของ Netflix เขียนบล็อกเล่าถึงวิธีการจัดการภายใน ที่ทำให้การแสดงผลเนื้อหาบน Netflix ในภาษาต่าง ๆ แสดงผลได้ดีไม่เกิดตัวอักษรล้น UI ซึ่งเป็นเรื่องท้าทายหลังจาก Netflix ขยายตลาดไปสู่ 190 ประเทศ ทำให้การแสดงผลต้องเพิ่มจากภาษาอังกฤษภาษาเดียว ไปสู่ภาษาอื่นรวม 26 ภาษา

ปัญหาส่วนใหญ่ที่เจอคือในภาษาอื่นบนคำเดียวกัน จะมีความยาวตัวอักษรที่มากกว่าภาษาอังกฤษ บางภาษายาวมากกว่า 40% ตัวอย่างเช่นในภาษาเยอรมัน คำว่า Don’t miss out เมื่อแปลออกมาจะยาวมากเป็น Lassen Sie sich nichts entgehen พอนำไปใส่ในหน้าแอปจะเกิดการล้นหน้าจนอ่านไม่รู้เรื่องตามภาพด้านล่าง ซึ่งที่ล้นก็เพราะการออกแบบ UI แต่แรก คิดบนกรอบภาษาอังกฤษ แต่พอ Netflix จะต้องรองรับ 26 ภาษา เรื่องนี้จึงกลายเป็นปัญหา

alt="Netflix "

Netflix จึงได้พัฒนาเครื่องมือที่ทำให้ทีมออกแบบแก้ปัญหา UI ไว้ก่อนล่วงหน้า ก่อนที่เนื้อหาจะถูกนำไปแปลเป็นภาษาต่าง ๆ เครื่องมือนี้ชื่อว่า Pseudo Localization ซึ่งวิธีการก็คือสมมติคำแปลในหน้าต่าง ๆ ขึ้นมาก่อน ให้แสดงผลตัวอักษรในหลายเงื่อนไข เพื่อให้ทีม UI ไปปรับแก้ ดังตัวอย่างด้านล่าง

alt="Netflix"

ผลลัพธ์คำแปลที่ได้ออกมา มีลักษณะเพื่อให้ไปแก้ปัญหาโดยเฉพาะ โดยกำหนด […] เพื่อบอกจุดเริ่มต้นและสิ้นสุด แปลว่าการแก้ไข UI ต้องเห็นถึง ] ตัวสุดท้าย นอกจากนี้ยังแปลงเป็นตัวอักษรใน ASCII หรือภาษาอื่นที่กินพื้นที่ขึ้นไปด้านบนและด้านล่างด้วย (ตามตัวอย่าง จะเห็นภาษาไทยคำว่า กี้ ใช้ในการทดสอบนี้ด้วย) และสุดท้ายใช้วิธีขยายความยาวคำด้วยการใส่ one two three four แปลว่าขยายออก 40% เป็นต้น

ตัวแบบ Pseudo Localization ยังเผยแพร่ให้ใช้งานสำหรับทีมออกแบบอื่นภายใน Netflix และมีการปรับปรุงออกมาอีกหลายขั้น สามารถอ่านรายละเอียดทั้งหมดได้จากที่มา

ที่มา: Netflix Tech Blog

from:https://www.blognone.com/node/104528

ไมโครซอฟท์เปิดตัว Windows UI Library, เพิ่ม UI ใหม่ให้แอพ UWP โดยไม่ต้องอัพเดตระบบปฏิบัติการ

เมื่อปลายเดือนที่เพิ่งผ่านมา ไมโครซอฟท์ได้เปิดตัว Windows UI Library (WinUI) ชุดรวม UI สำหรับใช้พัฒนาแอพ UWP โดยมีจุดประสงค์เพื่อช่วยเพิ่มความยืดหยุ่นให้กับการสร้างแอพ UWP ให้รองรับ Windows 10 หลายเวอร์ชัน

นักพัฒนาจะสามารถเรียกใช้ XAML control บน WinUI เพื่อใช้สร้างส่วนติดต่อผู้ใช้ของแอพ ไม่ต่างอะไรกับการใช้ XAML control บน SDK มาตรฐานที่มากับ Windows 10 แต่ละเวอร์ชัน

สิ่งที่ทำให้ WinUI ยืดหยุ่นกว่าเป็นผลจากการแยกส่วน UI ออกมาเป็นแพคเกจที่นักพัฒนาสามารถนำมาใช้งานได้ข้ามเวอร์ชัน ไม่ถูกผูกติดกับ SDK มาตรฐานที่มีความเก่า/ใหม่ต่างกันไปตามเวอร์ชันของระบบปฏิบัติการอย่างแต่ก่อน

โดยตัวไลบรารี WinUI จะมากับ XAML control ที่มีความเข้ากันได้กับ Windows 10 เวอร์ชันเก่า (backward-compatible) ย้อนไปถึง Anniversary Update (v1607) เลยทีเดียว

ภาพรายละเอียดเพคเกจ Windows UI Library จากเว็บ NuGet
No Description

การเปลี่ยนแปลงนี้ทำให้นักพัฒนาสามารถเพิ่มฟีเจอร์ให้กับแอพ UWP ด้วย UI แบบใหม่ (ซึ่งเดิมมาพร้อมกับ Windows 10 เวอร์ชันใหม่) ได้โดยไม่ต้องรอให้ผู้ใช้งานอัพเดต Windows 10 ตาม

และยังลดความยุ่งยากให้กับการพัฒนาแอพที่ยังคงเข้ากันได้กับ Windows 10 เวอร์ชันเก่า ที่แต่ก่อนนักพัฒนาจำเป็นต้องใช้วิธีเพิ่มโค้ดตรวจสอบเวอร์ชันของของระบบปฏิบัติการเพื่อปรับ UI ของแอพให้สอดคล้องกับ Windows 10 เวอร์ชันที่ผู้ใช้งานใช้

นักพัฒนาจะสามารถดาวน์โหลด WinUI ได้รูปแบบเพคเกจ NuGet โดยในขณะนี้ตัวไลบรารียังอยู่ในสถานะเปิดให้นำไปทดสอบจึงอาจยังไม่เหมาะกับการนำไปใช้กับงานโปรดักชั่นจนกว่าจะออกรุ่นจริง ท่านใดสนใจเข้าไปอ่านรายละเอียดเพิ่มเติมได้ที่นี่ครับ

ที่มา – Windows Blog via MSPoweruser

from:https://www.blognone.com/node/104519

ไมโครซอฟท์ปรับดีไซน์ Office ครั้งใหญ่ กลับสู่สามัญ ลดขนาด Ribbon เหลือแถวเดียว

ไมโครซอฟท์ประกาศปรับเปลี่ยนดีไซน์ UI ของ Microsoft Office ครั้งใหญ่ในรอบหลายปี การเปลี่ยนแปลงสำคัญเกิดขึ้นที่แถบเครื่องมือ Ribbon ที่ใช้มาตั้งแต่ Office 2007 โดยจะลดขนาดของ Ribbon ลงเพื่อเพิ่มพื้นที่แสดงผลบนหน้าจอ

Ribbon แบบใหม่เรียกว่า Simplified Ribbon จะมีพื้นที่เหลือแค่แถวเดียวเหมือนกับทูลบาร์ทั่วไป (จากเดิม 3 แถว) การเปลี่ยนแปลงจะเริ่มกับ Word, Excel, PowerPoint เวอร์ชันเว็บก่อนในวันนี้ (ผู้ใช้บางกลุ่มเริ่มได้ใช้แล้ว) จากนั้นจะตามมายัง Outlook for Windows ในเดือนกรกฎาคม

ไมโครซอฟท์บอกว่าสำหรับ Word, Excel, PowerPoint เวอร์ชันบนวินโดวส์ที่มีฟีเจอร์มากที่สุด จะยังใช้ Ribbon แบบเดิมไปก่อนเพราะผู้ใช้คุ้นเคย และผู้ใช้ทุกคนสามารถเปลี่ยนกลับไปใช้ Classic Ribbon ได้เสมอ

No Description

นอกจากการลดขนาด Ribbon แล้วการเปลี่ยนแปลงอื่นมีดังนี้

  • ปรับไอคอนในแถบเครื่องมือใหม่ วาดใหม่เป็นกราฟิกเวกเตอร์ ซูมแล้วไม่แตก และใช้สีเน้นไอคอนให้ใช้ง่ายมากขึ้น รองรับการใช้งานของผู้พิการมากขึ้น สีของไอคอนแบบใหม่จะเริ่มใช้กับ Word เวอร์ชันเว็บก่อน ตามด้วยเวอร์ชันอื่นๆ ในภายหลัง
  • ระบบค้นหาแบบใหม่ ช่วยคาดเดาสิ่งที่ผู้ใช้ต้องการค้นหาด้วยพลัง AI เพียงแค่คลิกที่ช่องค้นหาแล้วยังไม่ต้องพิมพ์อะไร ระบบจะเดาให้เราเอง เริ่มใช้กับ Outlook เวอร์ชันมือถือก่อน และจะตามมากับ Outlook เวอร์ชันเว็บต่อไป

ที่มา – Microsoft

from:https://www.blognone.com/node/103082