ฟังเวอร์ชันเสียงของบทความนี้
ในฐานะที่เป็นส่วนมาตรฐานของกระบวนการ UX นักออกแบบจะสร้างสถาปัตยกรรมข้อมูลเมื่อสร้างผลิตภัณฑ์ การกำหนดเส้นทางและเส้นทางทั้งหมดที่ผู้ใช้สามารถใช้ผ่านแอพหรือเว็บไซต์สถาปัตยกรรมข้อมูลเป็นมากกว่าแผนผังเว็บไซต์เพื่อแสดงว่าหน้าใดนำไปสู่ที่ใด
เช่นเดียวกับการสร้างสถาปนิกโดยใช้พิมพ์เขียวในการสร้างทุกส่วนของบ้านตั้งแต่โครงสร้างทางกายภาพไปจนถึงการทำงานภายในที่ซับซ้อนมากขึ้นเช่นระบบไฟฟ้าและระบบประปาสถาปัตยกรรมข้อมูลจะอธิบายลำดับชั้นการนำทางคุณสมบัติและการโต้ตอบของเว็บไซต์หรือแอปพลิเคชัน และเช่นเดียวกับพิมพ์เขียวเป็นเอกสารที่มีค่าที่สุดสำหรับสถาปนิกที่จะใช้ในการก่อสร้างอาคารสถาปัตยกรรมข้อมูลก็เป็นเครื่องมือที่ทรงพลังที่สุดในคลังแสงของนักออกแบบ
อย่างไรก็ตามการพัฒนาฟีเจอร์นั้นไม่ง่ายเหมือนการรวมรายการคุณลักษณะต่างๆเข้าด้วยกันและกำหนดวิธีการทำงาน - มาตรวจสอบกระบวนการกัน
สถาปัตยกรรมสารสนเทศ (IA) คือ เหมือนพิมพ์เขียว การแสดงภาพโครงสร้างพื้นฐานคุณลักษณะและลำดับชั้นของผลิตภัณฑ์ ระดับของรายละเอียดขึ้นอยู่กับ นักออกแบบ ดังนั้น IA อาจรวมถึงการนำทางฟังก์ชันและพฤติกรรมของแอปพลิเคชันเนื้อหาและโฟลว์ ไม่มีการกำหนดขนาดหรือรูปร่างของ IA อย่างไรก็ตามควรครอบคลุมโครงสร้างทั่วไปของผลิตภัณฑ์เพื่อให้ทุกคน (ในทางทฤษฎี) สามารถอ่านและเข้าใจวิธีการทำงานของผลิตภัณฑ์ได้
เราจะใช้การอ้างอิงแบบพิมพ์เขียวบ่อยครั้งเนื่องจากวัตถุประสงค์ของเอกสารทั้งสองเกือบจะเหมือนกัน IA ให้เช่นเดียวกับพิมพ์เขียว นักออกแบบ (เช่นเดียวกับทีมพัฒนาผลิตภัณฑ์และทีมวิศวกร) มุมมองจากมุมสูงของผลิตภัณฑ์ทั้งหมด การมีเอกสารเดียวที่แสดงให้เห็นถึงวิธีการทำงานของแอปพลิเคชันหรือเว็บไซต์ที่เรียบง่ายและเข้าใจได้นั้นมีความสำคัญต่อการพัฒนาคุณลักษณะใหม่ ๆ การอัปเดตสิ่งที่มีอยู่และการดูสิ่งที่เป็นไปได้โดยพิจารณาจากผลิตภัณฑ์ที่มีอยู่
ด้วย IA ที่พร้อมใช้งานการตัดสินใจที่สำคัญสำหรับฟีเจอร์และการนำไปใช้งานใหม่ ๆ จะง่ายขึ้นอย่างมากเข้าใจไทม์ไลน์สำหรับการเปลี่ยนแปลงผลิตภัณฑ์และติดตามพฤติกรรมของผู้ใช้ผ่านกระบวนการต่างๆ
มาเจาะลึกวิดีโอพื้นฐานเพื่อดูว่า IA ถูกสร้างขึ้นอย่างไร
เป็นส่วนหนึ่งของกระบวนการ UX การออกแบบ IA เป็นไปตามรูปแบบที่คล้ายกันมากกับผังงาน: เพิ่มรูปร่างและเชื่อมต่อกับเส้นในรูปแบบที่เป็นระเบียบในเอกสารเดียว ความท้าทายในการสร้าง IA อยู่ที่ความเข้าใจ อย่างไร แอปหรือเว็บไซต์ของคุณใช้งานได้จริงจากมุมมองของผู้ใช้และวิธีจัดระเบียบข้อมูลให้อยู่ในรูปแบบที่อ่านง่ายและชัดเจน
มีข้อกำหนดหลักสองประการสำหรับการสร้าง IA จริง: จัดระเบียบผ่านลำดับชั้นภาพ (นั่นคือลำดับชั้นของคุณลักษณะฟังก์ชันและพฤติกรรม) และการสร้างคำอธิบายสำหรับการแสดงคุณลักษณะการโต้ตอบและโฟลว์ประเภทต่างๆ ด้วยผังงานมาตรฐานรูปร่างจะเป็นไปตามข้อกำหนดเฉพาะ (สี่เหลี่ยมเป็นกระบวนการเพชรคือจุดตัดสินใจ ฯลฯ ) อย่างไรก็ตามการปฏิบัติตามระบบการตั้งชื่อนั้นไม่ใช่ข้อกำหนด
ความแตกต่างระหว่าง ac และ s corp
กล่าวอีกนัยหนึ่งปัจจัยที่สำคัญที่สุดในการสร้าง IA ของคุณคือการจัดวางองค์ประกอบแต่ละส่วนของสถาปัตยกรรม (ตามลำดับชั้น) และวิธีการติดป้ายกำกับและแสดงผล
ข้อผิดพลาดจาวาสคริปต์ในการจัดการแนวปฏิบัติที่ดีที่สุด
สิ่งที่ท้าทายที่สุดในการสร้างสถาปัตยกรรมข้อมูลใหม่มักจะอยู่ที่การสร้างตามลำดับชั้น เป็นความเข้าใจผิดทั่วไปที่ต้องสร้าง IA“ จากบนลงล่าง” แทบจะทำยากกว่าทุกครั้งเว้นแต่จะเป็นผลิตภัณฑ์ที่มีอยู่แล้วเช่นในวิดีโอด้านบน
เมื่อสร้าง IA ตั้งแต่เริ่มต้นเว้นแต่เว็บไซต์หรือแอปพลิเคชันของคุณจะเป็นไปตามรูปแบบมาตรฐานการวาดสิ่งใด ๆ หลังจากระดับบนสุดเป็นเรื่องยากมาก เหมือนกับการขอให้ช่างสร้างรถจากด้านบนลงมาแทนที่จะเป็นชิ้นส่วน แต่ละชิ้นจะต้องสร้างขึ้นล่วงหน้าด้วยการวิจัยเวลาในการออกแบบและการพัฒนาของตัวเอง เช่นเดียวกับ IA
การแสดงลำดับชั้นที่มองเห็นเป็นทรัพย์สินที่มีค่าสำหรับ IA ไม่เพียง แต่เป็นเพราะมีบริบทที่ดีกว่าสำหรับผู้อ่านเท่านั้น แต่ยังรวมถึงขอบเขตหลักของผลิตภัณฑ์ด้วย หากคุณลักษณะที่สำคัญที่สุดของแอปของคุณคือการสั่งซื้อรถ (a la Uber หรือ Lyft) ซึ่งทำได้จากหน้าแรกหน้านั้นจะมีช่องทางติดต่อลูกค้ามากที่สุดและมีมูลค่ามากที่สุดสำหรับผลิตภัณฑ์ สิ่งเดียวกันนี้จะเป็นจริงสำหรับลำดับชั้นภาพ
แผนผังไซต์มีประโยชน์ในการทำความเข้าใจลำดับชั้นเนื่องจากจัดเรียงหน้าตามตัวเลข (เช่น 1.0 Home, 2.0 Payment, 2.1 Add Pay Method เป็นต้น) หรือพิจารณาตัวอย่างในภาพด้านล่างสำหรับเว็บไซต์ห้องสมุดของ Duke University ซึ่งการนำทางด้านบนไม่ได้อยู่ที่ด้านบนเท่านั้น แต่ยังไฮไลต์เพื่อให้มองเห็นได้ทั่วทั้งแอปพลิเคชัน
นอกเหนือจากลำดับชั้นแล้วสถาปัตยกรรมด้านบนยังทำอีกอย่างได้ดีนั่นคือแสดงทุกจุดการมีส่วนร่วมโดยไม่ซ้ำกันตามที่ต้องการผ่านตำนานที่เรียบง่ายและวลีสำคัญบางส่วน คำอธิบายแผนภูมิแสดงถึงหน้าและประเภทเนื้อหาและหมายถึงการเปลี่ยนแปลงระหว่างสีของรูปร่าง สิ่งนี้มีความสำคัญเนื่องจากแม้ว่าไซต์ของ Duke จะดูค่อนข้างเรียบง่าย แต่ IA จะลงลึกเพียงสามระดับเท่านั้น สี่เหลี่ยมสีเหลืองแต่ละอันหมายถึงแอปพลิเคชันดังนั้นกระบวนการภายในแต่ละกล่องจะไม่รวมอยู่ในเอกสารนี้!
แม้ว่าจะไม่มีชิ้นส่วนเหล่านั้น แต่โครงสร้างก็เป็นเช่นนั้นที่เราสามารถเข้าใจวิธีการสำรวจเว็บไซต์ผ่าน IA เพียงอย่างเดียว สิ่งนี้จะหยุดลงเมื่อเราเข้าถึงแอปพลิเคชันภายในเว็บไซต์ - ไม่จำเป็นต้องทำ
IA ด้านล่างนี้มีไว้สำหรับเกม การใช้รูปทรงสี่รูปแบบไม่มีสีและตัวอย่างข้อความที่วางไว้อย่างชาญฉลาดทำให้ทุกการโต้ตอบที่สำคัญสามารถเข้าใจได้โดยไม่ต้องมีต้นแบบและที่สำคัญกว่านั้นทุกคนที่ทำงานกับมันสามารถเข้าใจได้
บอทในความไม่ลงรอยกันคืออะไร
โมเดลนี้ไม่สมบูรณ์แบบ แต่จะจัดลำดับชั้นของแอปอย่างชัดเจนและระบุสิ่งที่ผู้ใช้เห็นหรือทำ ณ จุดใดจุดหนึ่ง
มีแอพพลิเคชั่นซอฟต์แวร์มากมายที่อนุญาตให้สร้าง IA แต่มีเพียงไม่กี่แอพที่เรียบง่ายและรวดเร็วพอที่จะทำให้ประสบการณ์นี้สนุก หรืออย่างน้อยที่สุดก็ง่ายต่อการจัดการ
Draw.io ที่ใช้ในวิดีโอด้านบนนั้นฟรีสำหรับการใช้งานส่วนตัวและในระดับมืออาชีพและเสียบเข้ากับ Google Drive โดยอัตโนมัติ นอกจากนี้ยังมีการผสานรวมกับ Confluence และ JIRA ซึ่งจ่ายเงิน Draw.io เป็นสิ่งที่ยอดเยี่ยมสำหรับผังงานการสร้างโฟลว์ของผู้ใช้และสถาปัตยกรรมข้อมูลและด้วยฟังก์ชันการทำงานของไดรฟ์ผู้คนหลายคนสามารถทำงานในเอกสารเดียวกันและดูการเปลี่ยนแปลงได้ทันที นอกจากนี้ยังมีเวอร์ชันออฟไลน์ฟรี
Lucidchart เป็นอีกหนึ่งเครื่องมือที่ยอดเยี่ยมที่ให้ประสบการณ์ที่ดีกว่า Draw.io เล็กน้อยและมีประโยชน์เพิ่มเติมเช่นเทมเพลตที่สร้างไว้ล่วงหน้าการผสานรวมอื่น ๆ อีกมากมายแอพมือถือ (ให้คะแนน 2.5 ดาวใน App Store) และการสนับสนุนสำหรับองค์กร
Omnigraffle และ Visio เป็นแกนนำในอุตสาหกรรมมายาวนานและทำงานได้อย่างยอดเยี่ยมในการสร้างและรักษาการออกแบบ IA แม้ว่า Visio จะออนไลน์เท่านั้น (เวอร์ชันออฟไลน์ที่เก่ากว่าคือ Windows เท่านั้น) ในขณะที่ Omnigraffle เป็น Mac เท่านั้นและต้องซื้อแยกต่างหากสำหรับเวอร์ชัน MacOS และ iOS OmniGraffle มีข้อดีอย่างหนึ่งที่เหนือกว่าคู่แข่งรายใหญ่ในการให้บริการระบบอัตโนมัติ JavaScript และ AppleScript ซึ่งส่วนใหญ่ นักออกแบบ อาจไม่จำเป็น แต่โดยทั่วไปแล้วสถาปนิกข้อมูลแบบเต็มเวลาจะชื่นชม
เครื่องมือทั้งหมดที่ระบุไว้ข้างต้นจัดทำขึ้นเพื่อความรวดเร็วและใช้งานง่ายโดยเฉพาะเกี่ยวกับผังงานซึ่งเป็นไปตามหลักการเกือบเหมือนกันกับสถาปัตยกรรมสารสนเทศ โปรแกรมอื่น ๆ เช่น Balsamiq , MindMeister , MindManager , หรือ XMind ทั้งหมดมีลักษณะการทำงานที่คล้ายคลึงกัน แต่สร้างขึ้นเพื่อวัตถุประสงค์หลักอื่น ๆ เช่นการสร้างต้นแบบหรือการทำแผนที่ความคิด
แม้ว่าจะมีกฎที่กำหนดไว้เล็กน้อยสำหรับสิ่งที่ก่อให้เกิดสถาปัตยกรรมข้อมูลเมื่อดำเนินการตามกระบวนการให้พิจารณาสิ่งต่อไปนี้:
สามารถปรับลำดับชั้นได้ . หน้าแรกจะเป็นหน้าแรกเสมอ แต่จะนำไปสู่ที่ใดผู้ใช้ไปยังสถานที่เหล่านั้นอย่างไรและทุกสิ่งที่อยู่ระหว่างและอื่น ๆ จะถูกกำหนดในภายหลัง
แม้ว่า IA ในกระบวนการ UX จะมีไว้สำหรับการโต้ตอบกับผู้ใช้ทุกขั้นตอนก็ต้องมีเหตุผล หน้าจอการลงทะเบียนไม่ควรนำไปสู่การตั้งค่าฟังก์ชันกล้องไม่ควรข้ามไปที่มุมมองแผนที่ ... รายการจะดำเนินต่อไป
ข้อผิดพลาดทั่วไปคือเพียง ทำ IA โดยไม่มีทรัพยากรการวิจัยหรือทรัพย์สินหรืองานอื่น ๆ นั่นเหมือนกับการบอกให้ผู้เขียนเขียนหนังสือโดยไม่มีโครงร่างหรือให้โปรแกรมเมอร์เขียนโค้ดแอปโดยไม่มีต้นแบบ
นักทำแผนที่จะพิจารณาทุกอย่างเกี่ยวกับแผนที่ตั้งแต่แนวเทือกเขาไปจนถึงพรมแดนของรัฐ เช่นเดียวกับผู้สร้างแผนที่นักออกแบบจะกำหนดสิ่งที่จะนำไปสู่การออกแบบ IA หน้าแต่ละหน้าพฤติกรรมของผู้ใช้เฉพาะบริบทสำหรับประเด็นการตัดสินใจ ... และอื่น ๆ
ในที่สุดนักทำแผนที่จะตัดสินใจว่าอะไรจะเกิดขึ้นบนแผนที่ตามความต้องการของผู้ใช้ เช่นเดียวกับนักออกแบบดังนั้นควรสร้าง IA สำหรับผู้ใช้ปลายทางคือทีมพัฒนาผลิตภัณฑ์และทีมออกแบบ
ในการเจาะประเด็นกลับบ้านอีกครั้ง IAs ทั้งหมดถูกสร้างขึ้นเพื่อการเปลี่ยนแปลง ผลิตภัณฑ์มีวิวัฒนาการเปลี่ยนแปลงการออกแบบผู้ใช้ปรับตัวและวงจรยังคงดำเนินต่อไปซ้ำแล้วซ้ำเล่า อย่าให้ความสำคัญกับเรื่องนี้มากเกินไปและจงรู้ไว้ว่าจะมีช่องว่างสำหรับการปรับปรุงอยู่เสมอ อย่ามุ่งสู่ความสมบูรณ์แบบ สร้าง IA ที่เรียบง่ายและปรับเปลี่ยนได้
เทมเพลตการคาดการณ์กระแสเงินสดรายสัปดาห์
เป็นแนวคิดทั่วไปที่ไม่เคยมีงานออกแบบใด ๆ อย่างแท้จริง เสร็จแล้วและนั่นคือกรณีของสถาปัตยกรรมข้อมูล พวกมันเติบโตและหดตัวและเปลี่ยนแปลงไปเมื่อผลิตภัณฑ์ของเราทำ ซึ่งแตกต่างจากพิมพ์เขียวสำหรับอาคาร IA มักจะพัฒนาขึ้นโดยอิงจากความต้องการของผู้ใช้ไปจนถึงคุณสมบัติใหม่หรือการยกเครื่องผลิตภัณฑ์ โครงสร้างส่วนใหญ่อาจเหมือนเดิมและให้ความสอดคล้องกันระหว่างเวอร์ชันต่างๆเพื่อให้ผู้ใช้ไม่สับสน
และนั่นเป็นสิ่งที่ดี การรู้ว่า IA เป็นเอกสารที่ลื่นไหลซึ่งอาจมีการเปลี่ยนแปลงทุกสัปดาห์และบางครั้งอาจเป็นรายวันเป็นวิธีที่มีประสิทธิภาพในการรักษาโครงสร้างโดยรวมของแอปหรือเว็บไซต์ของคุณโดยไม่ต้องแตะโค้ดหรือ การสร้างต้นแบบใหม่ . ยิ่งทีมพัฒนาผลิตภัณฑ์ทั้งหมดดีเท่าไหร่ รู้ IA เร็วขึ้นทุกคนจะรู้ว่าอะไรคือสิ่งที่เป็นไปไม่ได้และ 'งานง่าย ๆ ' ที่ควรจะจริงจังแค่ไหน
ซึ่งนำเราไปสู่ความงามที่แท้จริงของสถาปัตยกรรมข้อมูล: ไม่มีจุดเริ่มต้นที่กำหนดไว้ล่วงหน้า ในขณะที่กระบวนการออกแบบ UX แบบดั้งเดิมกำหนดว่า IA ถูกสร้างขึ้นหลังจากเสร็จสิ้นขั้นตอนของผู้ใช้เพียงพอ ติดอาวุธให้กับผู้ใช้มากมายและ การวิจัยการแข่งขัน อาจเป็นสิ่งแรกที่ทำ ... หรือสิ่งสุดท้าย กระบวนการสร้างต้นแบบมักจะนำเสนอข้อมูลว่าพฤติกรรมหรือการกระทำบางอย่างควรเกิดขึ้นได้อย่างไรซึ่งยากที่จะจินตนาการได้จาก IA ที่เป็นตรรกะหรือไม่เป็นไปตามจินตนาการ
ในฐานะที่เป็นแนวทางปฏิบัติที่พัฒนาตลอดเวลาการออกแบบ IA เป็นศิลปะที่มากพอ ๆ กับทักษะซึ่งส่วนหนึ่งเป็นสาเหตุที่ บริษัท ขนาดใหญ่มีตำแหน่งสถาปนิกข้อมูล นักออกแบบเหล่านี้ เป็นผู้เฝ้าประตูระบบขนาดใหญ่และด้วยความเข้าใจในการเติบโตของผลิตภัณฑ์เมื่อเวลาผ่านไปพวกเขาช่วยผลักดันผลิตภัณฑ์การออกแบบและทีมวิศวกรให้ตัดสินใจได้อย่างถูกต้องในช่วงเวลาดังกล่าว ปี . องค์กรขนาดนั้นไม่ได้มีไว้สำหรับนักออกแบบทุกคน แต่ นักออกแบบทุกคน สามารถสร้างสถาปัตยกรรมข้อมูลที่เรียบง่ายและเข้าใจได้
•••
วิธีทำความเข้าใจกับความยุ่งเหยิง: สถาปัตยกรรมข้อมูลสำหรับทุกคน
ความแตกต่างระหว่างสถาปัตยกรรมสารสนเทศและการออกแบบ UX
•••
สถาปัตยกรรมสารสนเทศคือเอกสารที่มีแผนผังการดำเนินงานเกี่ยวกับการทำงานและฟังก์ชันของผลิตภัณฑ์สำหรับผู้ใช้ คล้ายกับพิมพ์เขียวสำหรับผลิตภัณฑ์ดิจิทัลโดยจะแสดงหน้าเนื้อหาการโต้ตอบและพฤติกรรมของผลิตภัณฑ์ทั้งหมด
จุดประสงค์ของสถาปัตยกรรมสำหรับนักออกแบบดิจิทัลคือการเข้าใจและชื่นชมกรอบของผลิตภัณฑ์ทั้งจากมุมมองของผู้ใช้และธุรกิจ
การออกแบบตามลำดับชั้นคือการจัดโครงสร้างเนื้อหาข้อมูลและการโต้ตอบในลักษณะทางกายภาพโดยทั่วไปจะเน้นลำดับความสำคัญไปที่ด้านบน ส่วนที่มีค่าต่ำกว่าจะอยู่ในลำดับชั้นต่ำลงและสามารถพบได้ในหน้าถัดไปหรือในหน้าที่แตกต่างกันโดยสิ้นเชิง
การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางเป็นปรัชญาการออกแบบที่ให้ผู้ใช้เป็นอันดับแรก การตัดสินใจในการออกแบบและพัฒนาผลิตภัณฑ์ทั้งหมดพิจารณาจากการทดสอบกับ UX ที่นำเสนอเพื่อให้แน่ใจว่าความต้องการของผู้ใช้จะได้รับการตอบสนองอยู่เสมอโดยไม่ลดทอนความคาดหวังของผู้ใช้ที่มีอยู่
วิธีใช้การทดสอบ Junit
ลำดับชั้นของภาพในการออกแบบเว็บคือการจัดโครงสร้างเนื้อหาและข้อมูลบนเพจโดยเจตนาเพื่อให้ผู้ใช้เข้าใจชัดเจนว่าเนื้อหามีอยู่ที่ใดและจะใช้ประโยชน์ได้อย่างไรโดยที่เนื้อหาและข้อมูลทั้งหมดถูกวางไว้และอยู่ในรูปแบบใด
จากข้อมูลของ Glassdoor เงินเดือนเฉลี่ยของประเทศสหรัฐอเมริกาสำหรับสถาปนิกสารสนเทศอยู่ที่ประมาณ 95,000 เหรียญต่อปี