面向施工技师的现场检查应用
我们独立开发了一款内部应用,供家具与室内装饰企业的上门技师在客户家中记录检查项目、客户需求和检查结果。这家企业的厨房、浴室施工和家具安装由自家技师直接负责,安装之后的售后服务上门也由自家技师承担。检查项目的类型和输入方式各不相同,技师还会根据现场情况同时使用平板和智能手机。记录一旦遗漏或混淆,客户需求就得不到妥善处理,因此我们逐一检查了界面切换与输入状态。
把不同类型检查项目纳入同一流程的检查表
现场检查应用的检查项目类型和输入方式多种多样。我们没有为每种类型单独做界面,而是在同一个界面流程里以一致的形式呈现各类项目。为了让技师在现场能快速确认并输入,我们整理了项目的信息结构和输入顺序。

完整留下客户需求与检查结果的记录界面
上门技师在安装后的售后服务上门中,一边检查,一边把客户需求和检查结果记录到应用中。现场工作往往多件事交织在一起,输入容易遗漏或与其他内容混在一起。我们检查了界面切换与输入状态,确保在界面之间来回时,已输入的内容不会丢失或错位。

让平板与智能手机使用相同功能的自适应布局
上门技师会根据现场情况同时使用平板和智能手机。我们考虑了各设备不同的分辨率、屏幕方向和输入区域,让同样的功能在任何设备上都能顺畅使用。同一套界面设计会随两种设备尺寸伸缩。

不靠便捷功能、只用布局规则对齐的多项目布局
开发这款现场检查应用时,开发环境中能自动排列界面元素的便捷功能还很有限。项目繁多的检查界面,是把元素之间的间距和对齐逐一定为规则来完成的,并确认这些规则在平板和智能手机上都能稳定成立。这款应用是我们的创始人作为独立开发者第一次独自从头到尾完成的项目。

项目亮点
把类型与输入方式各异的检查项目纳入同一流程的界面
完整留下检查结果与客户需求的记录流程
平板与智能手机上功能一致
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



